如何避免在react native中导航到不同屏幕时关闭抽屉？

import { createDrawerNavigator } from 'react-navigation';

const AppDrawerNavigator = createDrawerNavigator({
  Screen1: {
    screen: Screen1,
    navigationOptions: {
      drawerLockMode: 'locked-open', // 防止抽屉关闭
    },
  },
  Screen2: {
    screen: Screen2,
    navigationOptions: {
      drawerLockMode: 'locked-open', // 防止抽屉关闭
    },
  },
});

export default createAppContainer(AppDrawerNavigator);

import React, { Component } from 'react';
import { View, TouchableOpacity, Text } from 'react-native';

class CustomDrawerNavigator extends Component {
  constructor(props) {
    super(props);
    this.state = {
      isDrawerOpen: false, // 抽屉的打开状态
    };
  }

  toggleDrawer = () => {
    this.setState(prevState => ({
      isDrawerOpen: !prevState.isDrawerOpen,
    }));
  };

  navigateToScreen = screen => {
    // 导航到不同屏幕时，保持抽屉的打开状态
    this.setState({
      isDrawerOpen: true,
    });
    // 导航到目标屏幕
    this.props.navigation.navigate(screen);
  };

  render() {
    return (
      <View>
        {/* 抽屉内容 */}
        <TouchableOpacity onPress={this.toggleDrawer}>
          <Text>打开/关闭抽屉</Text>
        </TouchableOpacity>
        {/* 导航菜单 */}
        <TouchableOpacity onPress={() => this.navigateToScreen('Screen1')}>
          <Text>屏幕1</Text>
        </TouchableOpacity>
        <TouchableOpacity onPress={() => this.navigateToScreen('Screen2')}>
          <Text>屏幕2</Text>
        </TouchableOpacity>
      </View>
    );
  }
}

export default CustomDrawerNavigator;