如何在React Native中实现粘性标头? (就像Instagram个人资料一样)

时间:2020-05-15 17:49:37

标签: react-native scrollview react-navigation sticky react-native-flatlist

我正在尝试在instagram个人资料中实现粘性标头。事实是,我希望MaterialTopTabNavigator成为贴在头上的东西。在此导航器中,我有一个带有FlatList的屏幕。在外面,我目前有一个ScrollView,我认为困难在于检测用户是否要滚动ScrollView或FlatList。但我希望用户能够在整个屏幕上滚动(像instagram个人资料一样以1:1滚动)。

在这里,我制作了一份小吃,显示了我走了多远: https://snack.expo.io/@christophhummler/stickyheader

如果您有其他实现方法,您可以将其用作模板或实现自己的解决方案...奇怪的是stickyHeaderIndices={[1]}在Web模拟器中不起作用,但在Android / iOS上起作用是的。

谢谢您的帮助!

0 个答案:

没有答案
相关问题