react-native - React Native FlatList - 如何在下方为按钮留出空间？

Question

我刚接触 React Native 一周，我想在 FlatList 的底部放置一个按钮。

我已经让 FlatList 正常工作，但是如果我像下面(大大简化的)伪代码那样放置我的按钮，那么它就会出现在 FlatList 中所有项目的底部。

我想要的是让按钮始终位于屏幕底部，并让 FlatList 在其上方滚动。

我在想我可能需要一个包装容器，然后在 FlatList 和 Button 上设置 flex，但我做不到。

<Container>

  <Content>
      <FlatList
          ...working FlatList goes here...
      />

      <Button block onPress={() => Actions.filters()}>
        <Text>Filter results</Text>
    </Button>

  </Content>        

为了简洁起见，我从 FlatList 中取出了所有属性，但它可以正常工作，而不是问题所在。我只想将该按钮粘贴到屏幕底部并让它留在那里。

最好的方法是什么？

Answer 1

FlatList 现在提供 ListFooterComponent

https://facebook.github.io/react-native/docs/flatlist#listfootercomponent