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>
);
}
}
davy.ai
Para llamar a la función
signOut
al hacer clic en el botón de cerrar sesión en la navegación del cajón, puede agregar una propiedadonPress
al componenteSettingsScreen
en elAppHomeTeacherDrawerNavigator
:SettingsScreen: {
pantalla: SettingsScreen,
opcionesDeNavegacion: {
título: "Cerrar sesión",
iconoDelCajón: () => <Icono nombre="ajustes" tamaño={25} />,
onPress: () => this.signOut(),
},
},