ReactNative 渲染嵌套列表慢:建议

Question

JSON 结构：

sectionItems={key: ..., name: .., title: ..listOf 20 nested data }
data = 
  {
    "sections": [...sectionItems of 50 items]
  }
When displaying in the FlatList its rendering too slow,
<FlatList
  renderItem={({item}) => <Section item={item} />}
  initialNumToRender={lastSelectedItemIndex}
/>

在 FlatList

之前，使用 SectionList 来渲染数据，但渲染数据的速度太慢，要求是一次性显示所有内容，但 FlatList 需要太多时间才能在视口中加载项目，从而显示更多空白。

呈现嵌套列表、部分列表或平面列表的最佳解决方案是什么，列表应该突出显示选定的项目，所以我也需要连接到商店。

Answer 1

我只是通过嵌套平面列表并注意列表项中的正确呈现来做到这一点。例如，我有一个天数列表，每天都有"条目"。我有一个包含"天数列表"的平面列表，而不是部分列表。日期列表显示新一天的列表标题，例如 1 月 14 日。此列表项的其余部分是一个平面列表，包含此列表的所有条目。您可以通过将特定列表项包装在可触摸项中轻松突出显示。我必须一次渲染 1000 个元素，除了同步过程后的大量更新之外，从未遇到过性能问题。我认为这种方法可能最适合您。