disableOpenGesture скрытие не работает Навигационный ящик реагирует на родной - PullRequest
Новая
       25

disableOpenGesture скрытие не работает Навигационный ящик реагирует на родной

1 голос
/ 23 апреля 2019

Мы используем Navigation Drawer в нашем приложении, чтобы показать боковое меню.На некоторых экранах мы не хотим показывать эту панель навигации, когда пользователь пытался делать жесты влево / вправо.

Итак, для этого мы пытаемся скрыть конкретный экран - жесты / navigationdrawer -но это не работаетКогда пользователь проводит пальцем (влево / вправо), ящик все еще открывается. 


    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, но ничего не работает.

Примечание: я использую"react-navigation": "^3.0.9" версия

Есть ли какие-либо предложения по отключению открывания ящика навигации жестами?

1 Ответ

0 голосов
/ 23 апреля 2019

вы можете попробовать этот код? 

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, 

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

функция getCurrentRouteName 

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))
    }

}
...