React Native:react-native-router-flux type属性问题

时间:2018-04-23 10:32:05

标签: react-native react-native-router-flux

我正在使用react-native-router-flux反​​应本机库进行导航,但类型属性不起作用

<Route name="error" component={Error} title="Error"  type="reset"/>

它会给出错误,如

_this2[type] is not a function.

react-native-router-flux version 4.0.0-beta.28

2 个答案:

答案 0 :(得分:1)

类型应该在<Scene>而非<Route>

中使用

这里是工作示例

import { Router, Scene, Actions } from 'react-native-router-flux';
<Router>
      <Scene key="root">
        <Scene key="login" component={LoginForm} hideNavBar={'true'} initial={true} />
        <Scene key="signin" component={SigninForm} />
        <Scene
          type="reset"
          key="dashboard"
          component={NavigationView}
          initial={props.isLogin}
          hideNavBar={'true'}
        />
      </Scene>
    </Router>

还有其他方法: 从场景中删除类型,并在移动到其他屏幕时将其用作参数。

Actions.error({ type:'reset' });
or
Actions.reset('KEY'); // this one is work, i just tested now. 

或者您可以replace看到这一点 https://github.com/aksonov/react-native-router-flux/issues/467

答案 1 :(得分:0)

您可以将js文件传递为

<Router hideNavBar={true}>
            <Stack key="root" hideNavBar={true}>
                <Scene key="splashscreen" component={SplashScreen} title="SplashScreen" initial={true}></Scene>

            </Stack>
        </Router>

,无论您要转到哪个页面,都可以通过 Actions.splashscreen() (需要传递场景中编写的密钥)