如何同时显示标签导航和堆栈导航

时间:2019-03-26 08:05:59

标签: reactjs react-native react-navigation

我正在尝试同时使用堆栈导航和标签导航,我在app.js文件中创建了堆栈导航器和标签,但是只要我的应用加载,它们就会同时显示不同的页面,而我却没有,不知道如何解决此问题。我的app.js代码是

(param) => {"key": "value"}

当应用程序同时加载两个堆栈显示页面时,将不胜感激

1 个答案:

答案 0 :(得分:0)

以下是将标签导航器和堆栈导航器一起使用的示例:

const Stylelist = StackNavigator({
  Login: {
    screen: LoginScreen,
    navigationOptions: ({ navigation }) => ({
      header: null,
    }),
  },
  Register: {
    screen: RegisterScreen,
    navigationOptions: ({ navigation }) => ({
      header: null,
    }),
  },
  Home: {
    screen: TabNavigator({
      Home: {
        screen: HomeScreen,
        navigationOptions: ({ navigation }) => ({
          title: 'Home',
        }),
      },
      Friends: {
        screen: FriendsScreen,
        navigationOptions: ({ navigation }) => ({
          title: 'My Friends',
        }),
      },
    }),
    navigationOptions: ({ navigation }) => ({
      title: 'Home',
    }),
  },
});

export default Stylelist;