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

Posted 2023-02-16

【中文标题】如何设置 React Native SectionList 部分的样式

【英文标题】：How to style React Native SectionList sections

【发布时间】：2021-08-22 15:46:49

【问题描述】：

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

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

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

【参考方案1】：

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

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

发帖：Custom section style in sectionList REACT NATIVE