时间戳

首页 > 解决方案 > 如何在 React Native 中使用来自服务器的 json 数据动态显示底部选项卡导航？

android - 如何在 React Native 中使用来自服务器的 json 数据动态显示底部选项卡导航？

问题描述

我想实现底部选项卡导航。所以我已经使用反应原生导航完成了。但是，我需要将数据加载到底部选项卡导航中，从服务器的 json 文件中获取数据。截至目前，我只实现了静态数据和组件。谁能指导我如何实现这一点？

const SettingsStack = createStackNavigator({
  Settings: { screen: SettingsScreen }
});

const MoreStack = createStackNavigator({
  More: { screen: MoreScreens }
});

export default createBottomTabNavigator(
  {
    Home: { screen: HomeStack },
    Search: { screen: searchStack },
    Downloads: { screen: DownloadStack },
    Settings: { screen: SettingsStack },
    More: { screen: MoreStack }
  },

标签： androidreactjsreact-native

解决方案

按照设计react-navigation不支持动态路由，但您可以改为创建一个高阶函数，接收您想要的 json 数据作为参数，然后根据需要返回导航器。权衡是整个导航堆栈将被重置。

推荐阅读