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

Posted 2023-02-16

【中文标题】在滚动触发之前，某些项目不会显示在 SectionList 中

【英文标题】：Some items do not display in SectionList until scroll trigger

【发布时间】：2019-01-28 12:20:28

【问题描述】：

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

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

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

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

我用过：

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

【参考方案1】：

尝试使用道具

<SectionList
maxToRenderPerBatch=2
onEndReachedThreshold=0.5

....

/>

我希望这会有所帮助。

【讨论】：

我也遇到了同样的问题，上面的技巧都不管用

【参考方案2】：

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

【讨论】：

ScrollView 不是大型项目的最佳选择

另外，使用 ScrollView 也不容易处理节标题