react-native - 在滚动触发之前，某些项目不会显示在 SectionList 中

Question

使用时SectionList，虽然调用了 renderItem，但不会显示行。当在列表上触发滚动时，行会立即出现。

我在GitHub 上找到了一个 issue来讨论这个问题，但我没有找到任何解决方案来解决它。并且该问题已关闭并标记为已解决的问题。

在上述问题中找到的解决方案是removeClippedSubviews通过SectionList将值设置为禁用false。我看到这不是解决方案，只是一个技巧。随着列表的巨大，禁用removeClippedSubviews将是一个糟糕的解决方案，因为它不会优化列表视图的性能。

我一直在寻找很多小时，但没有任何解决方案来解决它。有什么建议可以解决这个问题吗？

我有使用：

"react": "^16.0.0",
"react-native": "^0.55.4"

Answer 1

尝试使用道具

<SectionList
maxToRenderPerBatch={2}
onEndReachedThreshold={0.5}

....

/>

我希望这将有所帮助。

Answer 2

如果我没记错的话，由于性能原因，SectionList 和 Flatlist 不会一次渲染所有项目。他们懒惰地加载它们。所以你应该改用 ScrollView 。