我如何在不考虑节头的情况下为每个节给予相同的样式?在从API获取数组之后,节是动态生成的。我正在寻找类似于以下图像的东西:
yhuiod9q1#
好吧,对于那些正在寻找相同东西的人,我已经通过对每个部分的第一个和最后一个子元素进行样式化来修复它。这意味着,在rendererItem={(item, index, section) => ...}上,我们可以检查是否index === section.data.length - 1,这意味着它是最后一个孩子,因此应用边界底部半径。如果index === 0,这意味着它是每个截面的第一个子节点,因此我们应用边界顶部半径。我看过一篇相关的文章,但它对我不起作用。另外,在我的例子中,我的SectionList数据是动态的,我有很多节,所以对我的SectionList的每个节使用FlatList并没有优化。发布:Custom section style in sectionList REACT NATIVE
rendererItem={(item, index, section) => ...}
index === section.data.length - 1
index === 0
SectionList
FlatList
1条答案
按热度按时间yhuiod9q1#
好吧,对于那些正在寻找相同东西的人,我已经通过对每个部分的第一个和最后一个子元素进行样式化来修复它。这意味着,在
rendererItem={(item, index, section) => ...}
上,我们可以检查是否index === section.data.length - 1
,这意味着它是最后一个孩子,因此应用边界底部半径。如果index === 0
,这意味着它是每个截面的第一个子节点,因此我们应用边界顶部半径。我看过一篇相关的文章,但它对我不起作用。另外,在我的例子中,我的
SectionList
数据是动态的,我有很多节,所以对我的SectionList
的每个节使用FlatList
并没有优化。发布:Custom section style in sectionList REACT NATIVE