Reactjs 在调用render（）之前显示10项的平面列表

我有一个平面列表组件，可以呈现20个项目。当我在React Native中加载页面时，我的平面列表显示10项。渲染完成后，将加载下10个渲染

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

String（i）}
showsVerticalScrollIndicator={false}
contentContainerStyle={styles.boardList}
renderItem={（{item，index}）=>(
)}
/>

---

数据

只是一个JSON对象数组。

最好使用

ScrollView

和

.map（（）=>{}）

？

您应该设置以下属性

initialNumToRender={20}
maxToRenderPerBatch={20}

---

由于默认值为10

在平面列表中添加样式={{{flex:1}}}

发生渲染是什么意思？如果不是第一个渲染，还有其他渲染吗？因此，如果我有20个作为道具传递下来的项目，我的平面列表最初会加载10个，然后再加载10个。我想知道为什么会耽搁？我想所有20个渲染一次。也许你可以尝试这个道具不是真的有帮助。我已经尝试从文档中获取修复程序。您是否尝试将渲染项移动到函数中，并对其进行调试以查看其调用次数？如果有500多条记录，平面列表的性能不是更高吗？我想防止每次渲染一个大组，因此当我将maxToRenderPerBatch设置为0时，解决了我的问题，谢谢