React-native-navigation: [V2] 'passProps' to 'sideMenu'

[doublex]

Passing props to 'sideMenu' during open-drawer does not honor 'passProps', e.g.:

Navigation.mergeOptions( componentId, { sideMenu: { left: { visible: true, component: { name: 'SideMenu', passProps: { name: value, } } } } });

---

• React Native Navigation version: 2.0.2428
• React Native version: 0.56.0
• Platform: both
• Device info: Simulator

[angelos3lex]

Is there any way to dynamically pass props from another component into sideMenu component?

[spikeisryu]

Same request. I need a way to pass props to sideMenu component.
There are multi tabs and when the side menu is shown, I want to pass the component ID of the tab screen, so that I can tell which tab screen called the side menu.

Or is there a way to figure out the current selected tab's componentId from SideMenu?

[reganperkins]

also in need of this

[doublex]

@guyca
Are there any plans to dynamically pass props to the sideMenu?

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest Detox and report back. Thank you for your contributions.

[doublex]

@stale Should be possible to pass props

[MEsteves22]

I'm having the same problem. I need to pass props to my side menu component in order to know the componentId of the tab screen that is opened. When I try to access my props I always get "undefinied"... I'm using Android by the way.

[MNAcaisoft]

Any ideas how to pass props to side menu?

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest Detox and report back. Thank you for your contributions.

[doublex]

still relevant

[React-Vishnu]

Same need. how do we pass props to sideMenu component.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest Detox and report back. Thank you for your contributions.

[doublex]

still useful

[akupczak]

So from what I see there is still no possibility to pass Prop by merging. I need it in the sideMenu in order to decide what item should be disabled. The only way I would fix it right now is by storing center componentID inside of redux store and pulling it in the side menu, and I really don't want to do that.
How did you handle this?

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest Detox and report back. Thank you for your contributions.

[stale[bot]]

The issue has been closed for inactivity.

[EskelCz]

@guyca this is still needed and the stale bot is not helping one bit :(

[hossamnasser938]

Still a relevant issue

[GrinchakAndrew]

you can easily pass props to sideMenu like so:

continueBtnOnPress={() => { RouterManager.mergeOptions('BottomTabsId', { sideMenu: { right: { enabled: true, visible: true, component: { name: 'redirectFromSideMenu', passProps: { redirectFromSideMenu: componentId, redirectToScreen: screenNames.BROADBAND_COMPLETE, }, }, }, }, }); }}

then, providing you have got this.navigator.events().registerCommandListener(async (name, params)
listener to the merger options event in navigation, you have to listen to the mergeOptions event
name === 'mergeOptions'
and go to the navigation state : this.navigator.store.propsById, where you will be able to get the passed property and the componentId, the most coveted piece of data in my case, as I wanted to redirect user to another screen programmatically from the sideMenu. That's it. No redux needed.

[varunarora1687]

I used this library to overcome the limitations of sidemenu
http://www.lib4dev.in/info/lukebrandonfarrell/react-native-navigation-drawer-extension/171316468