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

Question

我想FlatList在页面底部呈现页脚，即使没有足够的内容来填充整个屏幕。

Answer 1

为了做到这一点，您需要看一下本机反应源。 这里有一个代码，显示内部添加页脚。如您所见，它包含了其他内容View，可以使用ListFooterComponentStyleprop 设置样式。出于某种原因在文档中未进行描述。

所以这是解决方案：

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

UPD：使用AtlasRider的评论更新答案。