1

一个组件最初占据了屏幕的顶部

B组件占据整个屏幕，我这里想用FlatList

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

我是本地人的新手，想知道如何创建这样的行为？我尝试在 FlatList 中使用绝对定位和 ListHeaderComponent，但并没有真正到达任何地方。让我知道是否有人有想法。

谢谢！

4

1 回答 1

0

我会尝试以下屏幕结构：

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

于 2017-07-12T19:17:05.807 回答