Android 在React导航中组合两个导航器

我有三个领航员。其中两个组合在第三个主导航器中

第一导航器：

// Stack Navigator
const AppStackNavigator = createStackNavigator(
  {
    Login: Login,
    HomeScreen: HomeScreen,
    SignUp: SignUp,
    ForgotPassword: ForgotPassword,
  },
  {
    initialRouteName: 'Login',
  }
);

第二导航器：

// Tab Navigator
const BottomNavigator =  createBottomTabNavigator(
  {
    Home: HomeScreen,
    MyJobs: MyJobs,
    MyProfile: MyProfile,
    Settings: Settings,
  },
  {
    // configuration
  }
);

组合导航器：

// Combining Navigators
const RootStack = createStackNavigator(
  {
    AppStackNavigator: AppStackNavigator,
    BottomNavigator: BottomNavigator
  }
)

然而，我无法做到这一点。我在android emulator上不断遇到此错误：

The component for route 'AppStackNavigator' must be a React component. For example:

import MyScreen from './MyScreen';
...
AppStackNavigator: MyScreen,
}

You can also use a navigator:

import MyNavigator from './MyNavigator';
...
AppStackNavigator: MyNavigator,
}

---

我正在尝试使用组合导航器。我做错了什么？

你的代码很奇怪，尤其是路由配置。。。你看过吗

尝试通过

{screen:YourScreenName}

更改

YourScreenName

。对于每个导航器路线

例：

---

我按照您的指示尝试了修改后的路线，但仍然得到相同的错误。您对每个导航器都做了相同的更改吗？（包括你的根堆栈？）我犯了一个愚蠢的错误。在尝试以多种方式调试之后，我意识到我在AppStackNavigator和BottomNavigator之前声明了RootStack。LOL。移动另外两条路由底部的根堆栈声明解决了这个问题。哦！然后错误消息真的没有帮助。很高兴您能解决它：）最好显示完整的代码。

// Stack Navigator
const AppStackNavigator = createStackNavigator(
  {
    Login: {screen: Login},
    HomeScreen: {screen: HomeScreen},
    SignUp: {screen: SignUp},
    ForgotPassword: {screen: ForgotPassword},
  },
  {
    initialRouteName: 'Login',
  }
);