RootNavigator.router.getActionForPathAndParams(rootCom)

来源:12-6 搜索页面实现-3【实战应用】

慕用1584959

2018-12-28

再问个关于react navigation 路由的问题,目前老师的根路由是通过createSwitchNavigator实现的。有个WelcomePage和HomePage、DetailPage、WebViewPage…,可以说是有个初始化路由,和其他主路由。
如果我想实现登录页,这个路由该怎么配置呢?将WelcomePage页面直接换成登录页?感觉不对呢…
能简单说下思路吗?
想实现的功能:
1.用户首次进入app的时候,必须是登录页,不能直接进app;
2.等用户登录成功,才能进app,且以后都不需要再进入登录页,只有当用户注销后才进入登录页

写回答

1回答

CrazyCodeBoy

2018-12-28

说下思路哈:

可以借助createSwitchNavigator来实现,代码如下:

const InitNavigator = createStackNavigator({
    LoginPage: {
        screen: LoginPage,
        navigationOptions: {
            header: null,
        }
    }
});
export const RootNavigator = createSwitchNavigator({
   Init: InitNavigator,
   Main: MainNavigator,
}, {
   navigationOptions: {
       header: null,
   }
});

登录成功后跳转到Main,退出登录时跳转到Init。

0
2
CrazyCodeBoy
回复
慕用1584959
在咱们的课程群里@老师哈,我来给你详细讲下
2018-12-29
共2条回复

RN入门到进阶,打造高质量上线App

解锁React Native开发应用新姿势,React Native新版本热门技术

3144 学习 · 3241 问题

查看课程