javascript - React Native FlatList 只渲染 10 个项目

Question

我正在尝试显示一个包含 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>
);

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

编辑:rn 版本 0.57.8

Answer 1

你应该设置以下属性

initialNumToRender={50}

因为默认是10

来源: https://facebook.github.io/react-native/docs/flatlist#initialnumtorender