react-native:滚动时如何将标签栏粘贴到顶部?

Mic*_*Hsu 7 react-native react-native-tab-view

react-native-tab-view用于处理表格导航。向下滚动时,是否可以让标签栏滚动,但一旦到达顶部就粘在屏幕顶部?所以像 ScrollView 的stickyHeaderIndices.

这是我想要的一个例子,标签栏“帖子、评论、关于”贴在顶部。

Reddit 示例

ped*_*ern 7

使用react-native-tab-view构建是可以管理的,但并不是那么简单。这周我发布了一个包来专门解决这个问题,使用起来超级简单,这里是快速入门示例,下面是演示。


Sir*_*lam 1

可能的解决方案之一是这样的。

  1. onScroll使用回调方法 os计算从选项卡组件顶部开始的滚动位置ScrollView

  2. 当 contentoffset.y 为零时,只需制作组件absolute并使其top: 0