首页 文章

固定页脚与FlatList反应原生

提问于
浏览 次
2

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

react-native react-native-flatlist

3 回答

  • 0

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

    <View style={{flex: 1}}>
  <View style={{flex: 0.9}}>
    <FlatList/>
  </View>
  <View style={{flex: 0.1}}/>
</View>
    回复于
  • 3

    FlatList以 ListFooterComponent 的形式提供页脚支持

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

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

    希望这可以帮助！

    回复于
  • 1

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

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

    回复于

相关问题