reactjs - React Navigation - 从 TabNavigator 导航到 StackNavigator

Question

我正在尝试使用重置操作从 TabNavigator 中的一个选项卡导航到 StackNavigator 中的屏幕。这是（缩写）代码：

...

const FriendsNavigator = StackNavigator({
 Friends: { screen: Friends },
})

const TabsNavigator = TabNavigator({
 Home: { screen: HomeNavigator },
 Schedule: { screen: ScheduleNavigator },
 Friends: { screen: FriendsNavigator },
 Activity: { screen: ActivityNavigator }
})

const Main = StackNavigator({
 Login: { screen: Login },
 Tabs: { screen: TabsNavigator }
})

AppRegistry.registerComponent('Main', () => Main);

我正在尝试从Friends进入FriendsNavigator到Login进入Main并重置堆栈（就像用户正在注销一样）。有没有人有任何想法？

Answer 1

我对这一切都很陌生，但我认为你需要一个主（我的话）导航器。我让我的 stackNavigator，然后在我不想要它时隐藏它 - 同样使用 tabNavigator。

这是我的有效代码：

 const MainNavigator = StackNavigator({
      loginForm: { screen: LoginForm },
      main: {
        screen: TabNavigator({
          groupMain: { screen: GroupMain },
          feedback: { screen: Feedback },
          settings: { screen: Settings },
          groupScreen: {
            screen: TabNavigator({
            groupScreens:  { screen: GroupPage},
            feedbackInput: { screen: FeedbackInput}
            })
          }
        })
      }
    }, {
      navigationOptions: {
        tabBarVisible: false,
        header: null
      }
    });