首页 > 代码库 > React Native之router-flex的使用

React Native之router-flex的使用

1.Switch

必须要使用tabs={true},否则会找不到unloginCenter的错误

<Scene
                            key="switch"
                            component={connect(state=>({login:state.loginReducer.login}))(Switch)}
                            title={Consts.UserCenterPage}
                            tabs={true}
                            unmountScenes
                            // hideOnChildTabs
                            selector={props=>props.login?tabbar:unloginCenter}
                        >
    <Scene key="tabbar" />
    <Scene key="unloginCenter" />
</Scene>

使用unmountScenes

执行顺序:

tabbar

unloginCenter
unloginCenter
-----登录
tabbar

不使用unmountScenes
unloginCenter
unloginCenter
-----登录
tabbar
tabbar

React Native之router-flex的使用