react-native - React Native FlatList 给出错误，它没有嵌套在 scrollView 中

Question

我正在使用本机基础，错误是针对 flatlist 的，它包含内置滚动视图，无需将其嵌套到 scrollView Image 1 代码中：

<Container>
    <Content>
        <View>
            ***
        </View>
        <FlatList 
            {...props}
        />
    </Content>
</Container>

图 2 代码：

<View>
    <View>
        <View>
            ***
        </View>
        <FlatList 
            {...props}
        />
    </View>
</View>

我希望这两个部分都能正常滚动，有人可以帮我解决这个问题吗？

Answer 1

你需要稍微修改你的结构

<View>
  <ScrollView>
    <View>
        ***
    </View>
    <FlatList 
        {...props}
    />
  </ScrollView>
</View>

Answer 2

在Contentnativebase 中基本上是一个滚动视图。

您可以使用FlatList' 的页眉和页脚组件功能。并将 FlatList 上方的内容标记为页眉，将其下方的内容标记为页脚。

const ContentAbove=()=>(
  <View>**</View>
)

//Then inside the component
-----
<Container>
    <FlatList
            ListHeaderComponent={<ContentAbove/>}
            ListFooterComponent={<ContentBelow/>}
            {...props}
        />
</Container>