React Native:如何在滚动时将选项卡栏固定在顶部?

9
我正在使用react-native-tab-view来处理选项卡导航。当向下滚动时,是否可以使选项卡栏随着滚动而滚动,并在到达顶部后固定在屏幕顶部?就像ScrollView的stickyHeaderIndices一样。
以下是我想要的示例,其中选项卡栏“帖子、评论、关于”固定在顶部。 reddit example

1
你做到了这个,Michael吗? - Ken Pham
你有了吗?@Marwin - Sjonchhe
1
@Sjonchhe 没有做过 - Ken Pham
2个回答

7

使用react-native-tab-view构建是可行的,但并不是那么容易。本周我发布了一个包来专门解决这个问题,它非常简单易用。在这里可以找到快速入门示例,并且下面是演示。


1

其中一种可能的解决方案是这样的。

  1. 使用ScrollViewonScroll回调方法计算选项卡组件顶部的滚动位置。

  2. 当contentoffset.y为零时,将组件设为absolute并将其top:0


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接