即使内容不足,也要在列表底部显示FlatList页脚

时间:2019-04-24 11:10:36

标签: react-native react-native-flatlist

即使内容不足以填满整个屏幕,我也想在页面底部显示FlatList的页脚。

1 个答案:

答案 0 :(得分:2)

为此,您需要查看本机源。 Here中有一个代码显示内部添加页脚。 如您所见,它包装在其他View中,可以使用ListFooterComponentStyle prop设置样式。出于某种原因,文档中未对此进行描述。

这是解决方案:

 <FlatList
      data={someData}
      keyExtractor={item => item.id}
      ListFooterComponentStyle={{flex:1, justifyContent: 'flex-end'}}
      ListFooterComponent={<Footer/>}
 ...
 />