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

Question

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

在从 API 获取数组后，节会动态生成。

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

标签： react-nativereact-native-sectionlist

Answer 1

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

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

帖子：sectionList REACT NATIVE 中的自定义部分样式