Update: The Moti solution can be more simplified, as we can change AnimatedStyle to DerivedValue and we can use it directly in MotiView's animate property. See here for it's visual presentation: twitter.com/aashudubey_ad/status/1765073367496024517
I think to use collapsible header with Top Tab bar, you might need to hack around some solution using scrolling value and animate the header height. Or there's also an existing package for this, 'react-native-collapsible-tab-view' which is built on top of 'react-native-tab-view' package used by react-navigation under the hook, you can give it a try. package: github.com/PedroBern/react-native-collapsible-tab-view
Update: The Moti solution can be more simplified, as we can change AnimatedStyle to DerivedValue and we can use it directly in MotiView's animate property.
See here for it's visual presentation: twitter.com/aashudubey_ad/status/1765073367496024517
Your videos are very clear and to the point. Please continue.
Thanks! Nice solution.
more plz
great, Btw how to approach a collapsible header when we are scrolling in a MaterialTopTabNavigator, especially when a use navigate in each tab,
I think to use collapsible header with Top Tab bar, you might need to hack around some solution using scrolling value and animate the header height.
Or there's also an existing package for this, 'react-native-collapsible-tab-view' which is built on top of 'react-native-tab-view' package used by react-navigation under the hook, you can give it a try.
package: github.com/PedroBern/react-native-collapsible-tab-view
it is not working