在 React Native 中向抽屉导航器添加注销按钮

如何解决在 React Native 中向抽屉导航器添加注销按钮

我有一个抽屉导航，我想添加一个退出按钮 我有一个带有注销按钮的屏幕 SettingsScreen 但我想删除这个屏幕并将这个按钮放在 drawerNavigation 上

如何调用菜单中的signOut函数，而不使用专门的注销屏幕？

App.js：

export default class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {

    };
  }

  render() 
    {
    return (
          <AppContainer />
    );
   }
}


const AppHomeDrawerNavigator = createDrawerNavigator({
  Home: {
    screen: Home,navigationoptions: {
      title: "Home",},SettingsScreen: {
    screen: SettingsScreen,navigationoptions: {
      title: "logout",});


const AppSwitchNavigator = createSwitchNavigator({
  AppHomeDrawerNavigator,});

const AppContainer = createAppContainer(AppSwitchNavigator);

SettingsScreen.js :

export default class SettingsScreen extends React.Component {
  signOut = async () => {
    try {
      await firebase.auth().signOut();
      this.props.navigation.navigate("WelcomeScreen");
    } catch (error) {
      alert("Unable to sign out right Now");
    }
  };

  render() {
    return (
      <CustomBackground>
            <TocuhableOpacity onPress={this.signOut}>
              <Text>Log out</Text>
            </TocuhableOpacity >
      </CustomBackground>
    );
  }
}