ScrollView 中的 FlatList 在 React Native 中不起作用

Question

当我在 ScrollView 中使用 FlatList 时出现错误，因为 VirtualizedList 永远不应嵌套在具有相同方向的普通 ScrollView 中 - 请改用另一个支持 VirtualizedList 的容器。

我已尝试添加如下所述的组件：

<SafeAreaView>
  <ScrollView>
    <View>
      <FlatList />
    </View>
  </ScrollView>
</SafeAreaView>

Answer 1

使用这种方式而不是像

那样在Scrollview中使用Flatlist

<SafeAreaView style={{flex: 1}}>
    <FlatList
      data={data}
      ListHeaderComponent={ContentThatGoesAboveTheFlatList}
      ListFooterComponent={ContentThatGoesBelowTheFlatList} />
</SafeAreaView>

ScrollView 中的 FlatList 在 React Native 中不起作用

FlatList inside ScrollView doesn't work in React Native

react-native

scrollview

react-native-flatlist