react-native-router-flux：组件中的嵌套路由器

Question

我正在尝试使用自己的路由器拥有独立的模块，但到目前为止我无法使其工作。

基本上，我在index.ios.js定义了以下index.ios.js

<Router hideNavBar={true}>
    <Schema name="default" sceneConfig={Navigator.SceneConfigs.FloatFromRight} />
    <Route name="start" component={Start}></Route>
    <Route name="main" component={Main}></Route>
</Router>

我在组件Start有一个路由器

class Start extends Component {
    render() {
        return (
            <Router name="startRouter">
                <Route name="login" component={Login} initial={true} rightTitle="Register" onRight={() => {
                    Actions.register();
                }} />
                <Route name="register" component={Register} title="Register" leftTitle="Login" />
            </Router>
        );
    }
};

导航栏已正确呈现，但当我单击“注册”按钮时，出现错误。

你知道我怎么能让这个工作吗？

谢谢。

Answer 1

我不知道您提出问题时的语法是什么，但是在当前版本 (3.35.0) 中，您不使用名称，而是使用场景的键。

正确的语法是：

class Start extends Component {
    render() {
        return (
            <Router>
              <Scene key="startRouter">
                <Scene key="login" component={Login} initial={true} rightTitle="Register" onRight={ () => Actions.register() } />
                <Scene key="register" component={Register} title="Register" leftTitle="Login" />
              </Scene>
            </Router>
        );
    }
};