this.props.navigationState is undefined

[xahon]

https://github.com/aksonov/react-native-router-flux/blob/master/docs/OTHER_INFO.md#drawer-side-menu-integration

<Scene
  key='main'
  component={ MainScreen }
  hideNavBar={ true }
  type='reset'
  tabs={ true }
>
  <Scene
    key='contacts'
    component={ ContactsView }
    initial={ true }
  />
  <Scene
    key='projects'
    component={ ProjectsView }
  />
</Scene>

Inside MainScreen#render() this.props.navigationState is undefined, why?

rnrf: 4.0.0-beta.6

[aksonov]

You may use props.navigation.state instead. I will add navigationState for backward compartibility soon.

[xahon]

In this path the field children is missing

[aksonov]

Do you mean this.props.navigationState.children? Yes, it is replaced to this.props.navigation.routes. Will add it to 'Breaking changes'.

[xahon]

Yes, i mean that but there is no routes field

[aksonov]

Could you check navigation.routes ?

[xahon]

[aksonov]

It is weird, let me check.

[aksonov]

There is no 'children' because RNRF Router interpret 'main' as leaf (because 'component' is defined). So V4 accepts children OR component prop.

If you want to use custom tab container you have to use custom Navigator and pass it as navigator prop:
https://reactnavigation.org/docs/navigators/custom

[ghost]

To be honest, I am not sure what the last comment means.

Can you elaborate more @aksonov ?

[amang8662]

Yeah, even I don't understand the meaning behind the last comment @aksonov . Can you please explain it?

[aksonov]

Original code was taken from v3 and applied to v4 that is wrong. Starting from v4 'container' scenes (like tabs, stack, etc.) cannot have 'component' prop but 'contentComponent' instead

[amang8662]

I am trying to implement react-native-drawer in rnrf and using this.props.navigation.state instead of this.props.navigationState but facing following error.

the props i am gettting are

My Code is:
NavigationDrawer.js

Routes.js

What should i pass to DefaultRenderer component to make it work?

[Blapi]

Not really sure about what is your issue here but as you can see in your logs, you have no children defined.

As a workaround, you may use Actions._state where routes is defined :

[amang8662]

I want to know about the parameters to be passed to navigationState & onNavigate props of DefaultRenderer. Anything other than children[0] which i pass to navigationState returns error like this.

Data i'm getting from Actions._state in NavigationDrawer.js

[temadev]

Stuck on the same place. I think we have to extend somehow children[0] by data from Actions._state, but have no idea how can we do that trick. Looks like we still need some kind of DefaultRenderer component to render it together

[Dgs-asohail4]

Strange this is still not fixed

[ghost]

@Dgs-asohail4 RNRF has now its own drawer.
react-native-drawer can be removed and simple RNRF's drawer can be used.

It's easy to use and manage. You might need to refactor your routing file though.

And this.props.navigationState is now available as this.props.navigation.state.

[burhanuddin-emaster]

I have updated with RN-v0.59.8 and I am also not getting children key, can you please tell me how we can achieve that ?