如何设置 React Native SectionList 部分的样式
How to style React Native SectionList sections
如何在不考虑 header 部分的情况下为每个部分提供相同的样式?
从 API.
获取数组后,部分是动态生成的
我正在寻找类似于下图的内容:
好吧,对于那些正在寻找相同内容的人,我已经通过为每个部分的第一个和最后一个 child 设置样式来修复它。这意味着,在 rendererItem={(item, index, section) => ...}
上,我们能够检查是否 index === section.data.length - 1
,这意味着它是最后一个 child,因此应用边框底部半径。如果 index === 0
,这意味着它是每个部分的第一个 child,因此我们应用边框顶部半径。
我看过一个相关的 post,但它对我不起作用。另外,在我的例子中,我的 SectionList
数据是动态的,我有很多部分,所以对我的 SectionList
的每个部分使用 FlatList
没有优化。
Post:
如何在不考虑 header 部分的情况下为每个部分提供相同的样式?
从 API.
获取数组后,部分是动态生成的我正在寻找类似于下图的内容:
好吧,对于那些正在寻找相同内容的人,我已经通过为每个部分的第一个和最后一个 child 设置样式来修复它。这意味着,在 rendererItem={(item, index, section) => ...}
上,我们能够检查是否 index === section.data.length - 1
,这意味着它是最后一个 child,因此应用边框底部半径。如果 index === 0
,这意味着它是每个部分的第一个 child,因此我们应用边框顶部半径。
我看过一个相关的 post,但它对我不起作用。另外,在我的例子中,我的 SectionList
数据是动态的,我有很多部分,所以对我的 SectionList
的每个部分使用 FlatList
没有优化。
Post: