Menu
Now I want to create, exactly like Facebook's app do, a bar displayed above my tabNavigator. This tabs hide on scroll down and show on scroll up. And now I'm using FlatList, but the FlatList component has ListHeaderComponent option for rendering his header who also hide when scrolling down. (because it is on top, so need to scroll to beginning to see it, not user-friendly with my very long list item )
Please help me any idea.
520
to add a FlatList with the showsVerticalScrollIndicator and showsHorizontalScrollIndicator props set to false to hide the vertical and horizontal scrollbar respectively.
ScrollView renders all its react child components at once, but this has a performance downside. FlatList renders items lazily, when they are about to appear, and removes items that scroll way off-screen to save memory and processing time.
Flat list provide you a header and footer of it self. You have to make it manually. I found one link which is related to collapsible navbar.
https://medium.com/appandflow/react-native-collapsible-navbar-e51a049b560a
https://expo.io/@janic/collapsible-navbar this lnk has a demo. so you can check it out here
might this helpful !
67
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
