I'm currently in the process of creating separate modules with their own routers, but I've been facing challenges in getting it to function properly.
At this point, I have the following configuration in 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>
Additionally, I have a router defined within the Start component
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>
);
}
};
Although the navigation bar appears correctly, clicking the Register button results in an error.
Any suggestions on how to resolve this issue would be greatly appreciated.
Thank you.