小编Mit*_*tch的帖子

React Native FlatList 只渲染 10 个项目

我正在尝试显示一个包含 86 个项目的数据集的 FlatList,它只显示 10 个并且不会加载更多。

我尝试通过样式弄乱容器大小,但无济于事。

return (
  <View>
    <Text>{this.state.cards.length}</Text>
    <FlatList
      data={this.state.cards}
      renderItem={(theInfo) => <CardImage key={theInfo.key} info={theInfo}/>}
      keyExtractor={(item, index) => item.toString()}
    />
  </View>
);
Run Code Online (Sandbox Code Playgroud)

我希望这显示 86 个项目(this.state.cards.length 显示 86 个),应用程序只显示 10 个并且不会加载更多。

编辑:rn 版本 0.57.8

javascript reactjs react-native react-native-flatlist

6
推荐指数
1
解决办法
6158
查看次数