如何使FlatList页脚伸展到底部？

Question

我有一个带有FlatList的React Native应用程序。 FlatList通常比屏幕长，所以这不是问题，但是当有人搜索平面列表变得更小并且没有填满整个屏幕而留下背景显示在它下面。如何让FlatList页脚填满搜索的底部？我尝试过一点灵活，无法让它工作。如果有人知道这个代码将非常有用。我确定这并不难，我只是卡住了。提前谢谢！

Answer 1

将样式设置为style={{ flex: 1, flexDirection: 'column' }}（推荐）

您还可以使用React Native Dimensions并获取屏幕高度并将其设置为列表高度。像这样：

import { Dimensions } from 'react-native';
...
const { height } = Dimensions.get('window');
...
style={{ height }}
...

希望它有所帮助。