使用具有不同列数的备用行来反应Native FlatList

Question

我希望有一个FlatList，它在奇数行上呈现单个项目，在偶数行上呈现2个项目

是否可以实现此布局。 我很抱歉，我还没有代码。

Answer 1

FlatList有一个node[@attribute = 'value']道具，它是一个函数。为FlatList绘制的每个项调用该函数。您必须将该函数传递给FlatList。在该函数中，您将返回要为每个项目绘制的视图。因此，您可以返回任何想要为特定行绘制的内容。

renderItem函数将项的索引作为第二个参数传递。在您的情况下，您可以使用该参数绘制1或2列（或您可能想要绘制的任何其他内容）。

renderItem

Answer 2

<FlatList
data={itemArray}
numColumns={2}
showsVerticalScrollIndicator={false}
renderItem={({item, index}) => {
let singleItem = itemArray?.length - 1 === index;
return <View><Text>{signleItem}</Text></View>}/>