在选项卡和头部视图中反应本地动画平面列表

Question

我将通过使用react native实现以下组件。

在此页面中，我们具有标题视图和选项卡菜单，并且每个选项卡都包含平面列表。 在选项卡中向下滚动平面列表时，标题视图被隐藏为动画。

我们必须保留标签栏。 我已经实现了一个标题视图+一个animationflast列表组件操作。 但是，我需要的结果是标签列表。 有解决方案吗？

Answer 1

spotify应用程序也在音乐/专辑列表中做到了这一点，我尝试使用动画和js来做到这一点，但是性能并不是那么好，它并不敏捷，我的建议是在其中包含2个滚动视图彼此之间，一个外部包含标题和标题下方的第二个（内部）滚动视图，内部滚动视图应为平面列表。 应该发生的是，当您滚动时，外部滚动视图将首先滚动，到达终点时，内部滚动视图将开始滚动。

<ScrollView> <== outer scrollview
 <header/>
 <ScrollView> <== inner scrollview(should be a flatlist in your case)
   <FlatList/>
 </ScrollView>
</ScrollView>