disableOpenGesture隐藏不起作用导航抽屉反应原生 [英] disableOpenGesture hiding is not working Navigation Drawer react native

问题描述

我们在应用程序中使用导航抽屉来显示侧边菜单。
在一些屏幕中，一旦用户尝试做左/右手势，我们就不希望显示此导航抽屉。

We are using Navigation Drawer in our application to show side menu. In a few of the screens we don't want to show this navigation drawer once user tried to do left/right gestures.

所以，为此，我们试图隐藏一个特定的屏幕 - 手势/导航抽屉 - 但它不起作用。
当用户滑动（左/右）时，抽屉仍然打开。

So, for that, we are trying to hide a particular screen - gestures/navigationdrawer - but it's not working. When the user swipes (left/right) the drawer still opens.

    const AppNavigator = StackNavigator(
      {
        // Drawer: { screen: Drawer },
        Register: {
          screen: Register,
          navigationOptions: ({ navigation }) => ({
            drawerLockMode: "locked-closed",
          })
        },
        TabHome: { screen: TabHome },
        Album: { screen: Album },
        offlineContent: { screen: offlineContent },
        changePassword: { screen: changePassword },
        Player: {screen: Player},
      },
      {
        initialRouteName: "TabHome",
        // header: null
      }
    );

我们已经尝试了两个 drawerLockMode：locked-closed和 disableOpenGesture：true
但没有任何效果。

We have tried both drawerLockMode:"locked-closed" and disableOpenGesture: true but nothing is working.

注意：我正在使用react-navigation：^ 3.0.9版本

禁止通过手势打开导航抽屉的任何建议？

Any suggestions to disable navigation drawer being opened by gestures?

推荐答案

你能试试这个代码吗？

const AppNavigator = StackNavigator(
      {
        // Drawer: { screen: Drawer },
        Register: {
          screen: Register
        },
        TabHome: { screen: TabHome },
        Album: { screen: Album },
        offlineContent: { screen: offlineContent },
        changePassword: { screen: changePassword },
        Player: {screen: Player},
      },
      {
        initialRouteName: "TabHome",
        // header: null
      }
    );
AppNavigator.navigationOptions = ({ navigation }) => {
  const navigationOptions = {};
  if (getCurrentRouteName(navigation.state) === 'Register') {
    navigationOptions.drawerLockMode = 'locked-closed';
  }
  return navigationOptions;
};

或者如果您的反应导航版本是V2，

OR If your react-navigation version is V2,

const Stack = createStackNavigator({
    Register: Register,
},
    {
        drawerLockMode: 'locked-closed'
    }
);

getCurrentRouteName function

getCurrentRouteName function

getCurrentRouteName(navState) {

    if (navState.hasOwnProperty('index')) {
        this.getCurrentRouteName(navState.routes[navState.index])
    } else {
        console.log("Current Route Name:", navState.routeName)
        // can then save this to the state (I used redux)
        store.dispatch(setCurrentRouteName(navState.routeName))
    }

}

这篇关于disableOpenGesture隐藏不起作用导航抽屉反应原生的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！