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

【问题标题】：How to style React Native SectionList sections如何设置 React Native SectionList 部分的样式
【发布时间】：2021-08-22 15:46:49
【问题描述】：

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

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

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

【问题讨论】：

标签： react-native react-native-sectionlist

【解决方案1】：

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

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

发帖：Custom section style in sectionList REACT NATIVE

【讨论】：