如何设置 React Native SectionList 部分的样式

问题描述

如何在不考虑部分标题的情况下为每个部分提供相同的样式？

从 API 获取数组后，节以动态方式生成。

我正在寻找类似于下图的内容：

解决方法

好吧，对于那些正在寻找相同内容的人，我已经通过为每个部分的第一个和最后一个孩子设置样式来修复它。这意味着，在 rendererItem={(item,index,section) => ...} 上，我们可以检查是否 index === section.data.length - 1，这意味着它是最后一个孩子，因此应用边框底部半径。如果 index === 0，这意味着它是每个部分的第一个孩子，因此我们应用边框顶部半径。

我看过一个相关的帖子，但它对我不起作用。此外，就我而言，我的 SectionList 数据是动态的，我有很多部分，因此未优化对 FlatList 的每个部分使用 SectionList。

发布：Custom section style in sectionList REACT NATIVE