如何在一行的平面列表中放置页脚元素.React Native

Question

我有两列的FlatList，我想把FooterElement放在行

export const HabitScreen = ({navigation}) => {
return (
<View style={{marginTop: 40}}>
<MyPlansTitle navigation={navigation}/>
<GeneralView>
<SubTitle text="Привычки"/>
<FlatList data={[0,1,2]}
extraData={[3]}
numColumns={2}
columnWrapperStyle={style.row}
showsVerticalScrollIndicator={false}
renderItem={({item}) => (<HabitItem/>)}                            
ListFooterComponent={<HabitAddItem />}
/>
</GeneralView>
</View>
)}

怎么做？

图像平面图

Answer 1

在数据中再添加一个元素

renderItem={({item, index}) => {
if (index+1 == data.length){
return <Text>Footer</Text>
}
return <Text>{item}</Text>
}}