React-native-router-flux: Cant return a initial Scene from Drawer

Created on 13 Oct 2016 · 15Comments · Source: aksonov/react-native-router-flux

Version

Tell us which versions you are using:

react-native-router-flux v3.31.2
react-native v0.34.1

My index tree

<Router>
   <Scene key="root" >
      <Scene key='Login' component={Login} />
      <Scene key='Drawer' component={SideDrawer} />
         <Scene key='drawerRoot' />
             <Scene key='Home' component={Home} />
         </Scene>
      </Scene>
   </Scene> 
</Router>

Expected behaviour

Go to initial Scene on LogOut

Actual behaviour

If i put Actions.Login() navigation go to Drawer.
If i put Actions.Login({type: 'reset'}) app crash with: Cannot read property sceneKey of undefined

Steps to reproduce

Init in Login
Actions.Drawer({type: 'reset'})
From home: Actions.Login({type: 'reset'})
App crash with error: Cannot read property sceneKey of undefined

How can i fix it?

Source

luisfuertes

Most helpful comment

Ok the error is for this functions of my SideDrawercomponent:

        onOpen={()=>Actions.refresh({key:state.key, open: true})}
        onClose={()=>Actions.refresh({key:state.key, open: false})}

For fix it, i only have to remove drawer.close(); from LogOut onPress button in SideDrawerContent.js

Thanks for help @dragfire

luisfuertes on 14 Oct 2016

👍4

All 15 comments

Some help?

luisfuertes on 14 Oct 2016

Do like this Actions.Drawer() without {type: 'reset'}.

dragfire on 14 Oct 2016

👍1

If i dont use {type: 'reset'}, user can go back with Android back button. I need add it after login.

luisfuertes on 14 Oct 2016

See this issue #1146

dragfire on 14 Oct 2016

But {type: 'reset'} should work fine. I use it in other app with Drawer and TabBar and dont have this issue.

luisfuertes on 14 Oct 2016

Haven't done much on Android. Try this let's see if it works Actions.root({key: 'Login'})

dragfire on 14 Oct 2016

When i put Actions.Login() orActions.root({key: 'Login'})without reset, navigation flash 1 sec in Login component but after navigate to Drawer.

luisfuertes on 14 Oct 2016

on Logout: Actions.root({key: 'Login', type: 'reset'})

dragfire on 14 Oct 2016

Mine is working fine on iOS. IDK.

dragfire on 14 Oct 2016

With Actions.root({key: 'Login', type: 'reset'}) give same error: Cannot read property 'sceneKey' of undefinded

I have other project with router-flux working fine, but in this project i cant.

luisfuertes on 14 Oct 2016

The problem is you have already reset the scene history stack after login so login scene is no longer in the stack, it is empty. And you are looking for a sceneKey which is no longer in the stack.

dragfire on 14 Oct 2016

But i want start new stack from "Login" component. If i do Action.Login without reset, Login scene is presented a few seconds. But after going back to Drawer

luisfuertes on 14 Oct 2016

Ok the error is for this functions of my SideDrawercomponent:

        onOpen={()=>Actions.refresh({key:state.key, open: true})}
        onClose={()=>Actions.refresh({key:state.key, open: false})}

For fix it, i only have to remove drawer.close(); from LogOut onPress button in SideDrawerContent.js

Thanks for help @dragfire

luisfuertes on 14 Oct 2016

👍4

TypeError: Cannot read property 'eventName' of undefined, I got the error while using Actions.root({key: 'Login', type: 'reset'});
Can Anyone tell me how can i solve it??