Question

我正在使用react-navigation来构建我的应用，我想同时具有选项卡和堆栈导航，所以我这样做了：

const FindPage =  StackNavigator({
  Find: {
    screen: Find,
  },
  Item:{
    screen:Item
  }
}, {
  initialRouteName: 'Find',
});

const ProfilePage =  StackNavigator({
  Profile: {
    screen: Profile,
  },
  Item:{
    screen:Item
  }
}, {
  initialRouteName: 'Profile',
});

const MyApp = createBottomTabNavigator({
  Find: FindPage,
  Profile: ProfilePage
}
});

const auth = StackNavigator({
  Login:{
    screen: Login,
  },
  Register:{
    screen: Register,
  },
  Main:{
    screen: MyApp,
  }
},{
  initialRouteName: 'Main',
  headerMode: 'none'
});

export default auth;

但是我做得不好。这是截图给予： enter image description here

如果我在标签导航中使用stacknavigation时看到该标签丢失了其标签图标和字体，则这在另一个版本的反应导航中对我有用，并且无法在网络上找到任何内容，请帮忙！

Answer 1

使用reactnavigation2可以像下面的代码那样实现在这里https://reactnavigation.org/docs/en/bottom-tab-navigator.html

了解更多信息

mount

反应导航混合导航

1 个答案: