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