React Native将固定组件置于Flatlist之上

Question

如上所示，我想创建这个由两部分组成的屏幕，我可以在这里点击这里提供的第一个视图上的A组件和B组件。当用户滚动B组件时，它可能占用整个屏幕并在A组件上移动。 （组件不随FlatList一起移动。）

我是新来回应本地人，并想知道如何创造这样的行为？我尝试在FlatList中使用绝对定位和ListHeaderComponent，但实际上并没有得到任何结果。如果有人有想法，请告诉我。

谢谢！

Answer 1

我会尝试类似以下屏幕结构：

View
  Image
  ScrollView w/ trans background that goes to the top of screen
    FlatList with top padding to push it below the image
      Items in list
    /FlatList
  /ScrollView
/View

您还可以看到react-native-parallax-scroll-view是否适合您，因为它看起来与您描述的内容有些相似

https://github.com/jaysoo/react-native-parallax-scroll-view