固定页脚与FlatList反应原生

Question

在使用ScrollView对固定页脚进行此问题后,我尝试使用FlatList在屏幕上实现固定页脚.我试图通过将平面列表放在视图中来提供答案,但之后没有任何项目被渲染.有没有人知道如何使用平面列表作为组件的另一个主要元素来实现固定页脚？

Answer 1

使用这个flex解决方案,我设法使用几个嵌套的视图:

<View style={{flex: 1}}>
  <View style={{flex: 0.9}}>
    <FlatList/>
  </View>
  <View style={{flex: 0.1}}/>
</View>

Answer 2

它与上面的答案类似，但我认为这也有效。

<View style={{flex: 1}}>
  <View style={{flex: 1}}>
    <FlatList/>
  </View>
  <View />
</View>

Answer 3

FlatList 带有页脚支持，形式为ListFooterComponent

尝试将类似的内容添加到您的平面列表中

ListFooterComponent={() => <Text>Footer content</Text>}

希望这可以帮助！