修复了与FlatList

Question

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

Answer 1

使用此flex solution我设法使用几个嵌套视图：

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

Answer 2

FlatList以ListFooterComponent

的形式提供页脚支持

尝试将这样的内容添加到您的平面列表

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

希望这有帮助！

Answer 3

嗯，你的意思是有一个标签导航！您可以使用以下组件 https://www.npmjs.com/package/react-native-bottom-navigation

但你可以尝试通过让主要活动的状态决定显示当前可见页面（组件）来完成git hub中的代码来完成它，它可能会触发你的方法。

Answer 4

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

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