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

Question

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

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

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

我已经找了好几个小时了，但没有任何解决方案来解决它。有解决此问题的建议吗？

我用过：

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

Answer 1

尝试使用道具

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

....

/>

我希望这会有所帮助。

Answer 2

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