React-native-navigation: How to disable sideMenu on current screen?

[DVLNarayana]

Issue Description

How to disable sideMenu on current window even user swipe right or left on the screen

Environment

• React Native Navigation version: 2.0.2016 (V2)
• React Native version: 0.52.2
• Platform(s) (iOS, Android, or both?): both
• Device info (Simulator/Device? OS version? Debug/Release?): all

[odesey]

In your screen constructor add the following:

    this.props.navigator.setDrawerEnabled({
      side: "left",
      enabled: false,
      screen: "Drawer"
    });

[pqkluan]

This feature is in the document

[DVLNarayana]

@pqkluan I am looking for the solution in RNN V2 not in V1

[AE0011]

Still i can't disable side menu in screen.

          Navigation.setRoot({
                root: {
                    sideMenu: {
                        center: {
                            stack: {
                                options: {
                                    animated: false,
                                },
                                id: 'SplashStack',
                                children: [
                                    {
                                        component: {
                                            name: 'Splash',
                                            options: {
                                                topBar: {
                                                    visible: false,
                                                    drawBehind: true,
                                                    animate: false,
                                                    layout: {
                                                        backgroundColor: 'transparent',
                                                    }
                                                },
                                                sideMenu: {
                                                    right: {
                                                        visible: false,
                                                        enabled: false
                                                    },
                                                    left: {
                                                        visible: false,
                                                        enabled: false
                                                    },
                                                },
                                            }
                                        }
                                    }
                                ]
                            }
                        },
                        right: {
                            component: {
                                name: 'DrawerLayout',
                            }
                        }
                    },
                }
            });

I even try

static get options() {
        return {
            sideMenu: {
                right: {
                    enabled: false
                }
            }
        }
    };

But it didn't help

========

• React Native Navigation version: "react-native-navigation": "^2.0.2334"
• React Native version: "react-native": "^0.51.0"
• Platform(s) (iOS, Android, or both?): Android 5
• Device info (Simulator/Device? OS version? Debug/Release?): Android Device/Debug

[maestrolsj]

I have same issue

[diegolmello]

I'm migrating from react-navigation and looking for this feature too.
IMO, it shouldn't be done on setRoot as mentioned/tried above.
It should be on static get options or even something like setDrawerEnabled from v1.
Thanks :)

[maestrolsj]

same issue it doesn't work on Android in wix navi v2
but it works well on IOS
javascript Navigation.push(Screens.ApplicationList.name, { component: { id : Screens.ApplicantDetailView.name, name: Screens.ApplicantDetailView.name, passProps: { applicant: applicant, index: 0, }, options: { topBar: { visible: false, drawBehind: true }, sideMenu: { left: { visible: false, enabled: false } }, } } } ); j

[yogevbd]

Should be fixed now. thanks!

[diegolmello]

@yogevbd Nice work. Thanks!

[sJJdGG]

@yogevbd this issue has only been resolved on ios.
It still does not work on android. i both checked by testing and looking at the source code.
shouldn't this issue be reopend as there is no android implementation and the the issue indicates on both platforms.
I'm saying this because it was part of the project and now it went to the Done category and looks like it has both platforms covered.

[billel-boudchicha]

@sJJdGG did you find any solution .

@yogevbd Did the team fix the issue
thanks

RNN v:2.0.2425
RN v:0.56

[reganperkins]

not to be a pain but this is turning into a major issue in our application. Is there a guess on when we might see this added? As a work around I have tried to use the react-native's DrawerLayoutAndroid but react-native-navigations modals seems to mess it up (the ref links seem to return undefined for the drawer after opening a modal)

[gianlucaparadise]

Any chance to have this fixed on Android?

[mayconmesquita]

You can use this to disable sideMenu:

Navigation.mergeOptions(this.props.componentId, {
  sideMenu: {
    left: {
      enabled: false
    }
  }
});

And this to enable:

Navigation.mergeOptions(this.props.componentId, {
  sideMenu: {
    left: {
      enabled: true
    }
  }
});

[bonnmh]

static options(passprops) {
return {
topBar: {
visible: false,
drawBehind: true
} ,
sideMenu : {
right : {
visible : false ,
enabled : false
}
}
};
}