KingAmo
Reputation: 424
How can I implement the UX of Twitter's Profile screen in react native，collapsible header (Sticky TabBar) with scrollable tabs?
i tried react-navigation-collapsible but it does not support tabs due to react-native#21801
similar question Animating a single View based on multiple ScrollView(s)
React native animation scrollview onScroll event not working with external method
Upvotes: 2
Views: 1030
Answers (1)
Waheed Akhtar
Reputation: 3187
You can use this one for having tabs in the header.
https://github.com/netguru/sticky-parallax-header
It can be implemented in this way.
https://snack.expo.io/@waheed25/89a9dc
You can follow this one.
https://medium.com/@andi.gu.ca/a-collapsing-navbar-with-tabs-in-react-native-e80790588830
Upvotes: 3
Related Questions
- Tabs with FlatLists inside ScrollView - like Instagram or Twitter profile pages
- How to create Bottom Tab Bar that disappears on scroll in React Native?
- create a customized scrollable top Tab bar using react-navigation-tab?
- how to implement multiple scrollable sticky headers in react native
- React Native Bottom Tab bar like on Instagram
- Tabs with scrolling animated header - React native
- React Native: 2 scroll views with 2 sticky headers
- react native, show a bar above of TabNavigator, who hide on scroll ( like facebook app do)
- Tabview as sticky header in react-native
- Need scrollable tab view in react native