Botón de cerrar sesión en el menú de navegación – React Native

Estoy intentando implementar un botón “Cerrar sesión” en la navegación del menú. Tengo la función “signOut” que quiero llamar cuando hago clic en el botón “Cerrar sesión” de la navegación del menú:

App.js:

const AppHomeTeacherDrawerNavigator = createDrawerNavigator ({
  Hogar: {
    pantalla: Hogar,
    opciones de navegación: {
      título: "Menú",
      icono del cajón: () => <icon nombre="hogar" tamaño="{25}"></icon>,
    },
  },
 
  Pantalla de configuración: {
    pantalla: Pantalla de configuración,
    opciones de navegación: {
      título: "Cerrar sesión",
      icono del cajón: () => <icon nombre="configuración" tamaño="{25}"></icon>,
    },
  },
});

SettingsScreen.js:

export default class SettingsScreen extends React.Component {
  signOut = async () => {
    intentar {
      esperar firebase.auth().signOut();
      this.props.navigation.navigate ("Pantalla de bienvenida");
    } catch (error) {
      Alert.alert ("", "");
    }
  };
 
  render() {
    return (
      <ver>
         <customvalidationbutton onpress="{this.signOut}">
             <text> Cerrar sesión </text>
           </customvalidationbutton>
     
    );
  }
}