React Navigation - 从 TabNavigator 导航到 StackNavigator答案

【问题标题】：React Navigation - navigate from TabNavigator to StackNavigatorReact Navigation - 从 TabNavigator 导航到 StackNavigator
【发布时间】：2017-04-12 19:59:02
【问题描述】：

我正在尝试通过重置操作从 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);

我正在尝试从FriendsNavigator 中的Friends 到Main 中的Login 并重置堆栈（就像用户正在注销一样）。有人有什么想法吗？

【问题讨论】：

来自任何选项卡组件：this.props.navigation.navigate("Login");
不，这不起作用。我有同样的问题。当我尝试调试时，我在调试控制台中看不到任何错误。调用导航后怎么什么都没有发生！

标签： reactjs react-native react-navigation

【解决方案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
      }
    });

【讨论】：