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

Question

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

Answer 1

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

所以这是解决方案:

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

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