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#initialnumtoender