FlatList显示10个项目，直到调用render（）

Question

我有一个FlatList组件，可以呈现20个项目。当我在React Native中加载页面时，我的FlatList显示10个项目。渲染一旦发生，就会加载下一个渲染。

<FlatList
        data={data}
        keyExtractor={(item, i) => String(i)}
        showsVerticalScrollIndicator={false}
        contentContainerStyle={styles.boardList}
        renderItem={({ item, index }) => (
          <Item {...item}/>
        )}
      />

data只是一个JSON对象数组。

Answer 1

您应该设置以下属性

initialNumToRender={20}
maxToRenderPerBatch={20}

默认为10

Answer 2

最好使用ScrollView和.map(() = > {})？

Answer 3

在 FlatList 中添加 style={{ flex: 1 }}