React Native禁用特定屏幕的DrawerNavigator

import React from 'react';
import { createAppContainer, createDrawerNavigator } from 'react-navigation';

// 导航菜单中的屏幕组件
import HomeScreen from './screens/HomeScreen';
import ProfileScreen from './screens/ProfileScreen';
import SettingsScreen from './screens/SettingsScreen';

// 创建DrawerNavigator
const DrawerNavigator = createDrawerNavigator({
  Home: HomeScreen,
  Profile: ProfileScreen,
  Settings: SettingsScreen,
});

// 禁用特定屏幕的DrawerNavigator
DrawerNavigator.navigationOptions = ({ navigation }) => {
  const { routes, index } = navigation.state;
  const { routeName } = routes[index];

  // 如果是Settings屏幕，则隐藏导航菜单
  if (routeName === 'Settings') {
    return {
      drawerLabel: () => null, // 隐藏菜单项
      drawerLockMode: 'locked-closed', // 禁止滑动打开菜单
    };
  }

  return {
    drawerLockMode: 'unlocked', // 允许滑动打开菜单
  };
};

// 创建App容器
const AppContainer = createAppContainer(DrawerNavigator);

export default AppContainer;