使用ScrollView和Flatlist使标签导航栏粘滞并隐藏/显示标题视图onScroll

时间:2019-05-10 16:03:06

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

我正在尝试创建一个类似Instagram个人资料屏幕的屏幕...我目前在单个屏幕组件中具有标题和react-navigation标签,该标签中的每个屏幕都包含Flatlist。我想通过“向上滑动”(当然,向下滑动时显示)标题视图本身来隐藏标题视图。向上滑动时,导航栏也应位于顶部。并且必须对安装在每个屏幕中的平面列表onScroll事件执行相同的功能。

查看此图片:https://i.stack.imgur.com/FcneC.png

我尝试将标题和导航选项卡包装在ScrollView中,以便可以滑动标题视图,但是选项卡视图屏幕内的平面列表不会滚动。当标签栏到达顶部时,我试图将Scrollview的启用滑动的道具关闭为false,但是问题是它没有立即切换到平面列表。

0 个答案:

没有答案