reactjs - FlatList 在调用 render() 之前显示 10 个项目

Question

我有一个呈现 20 个项目的 FlatList 组件。当我在 React Native 中加载页面时，我的 FlatList 显示 10 个项目。发生渲染后，将加载接下来的 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