Estoy tratando de implementar un botón Cerrar sesión en la navegación del cajón. Tengo la función de cierre de sesión que quiero llamar cuando hago clic en el botón Cerrar sesión desde el cajón de navegación:

aplicación.js:

 const AppHomeTeacherDrawerNavigator = createDrawerNavigator({ Home: { screen: Home, navigationOptions: { title: "Menu", drawerIcon: () => <Icon name="home" size={25} />, }, }, SettingsScreen: { screen: SettingsScreen, navigationOptions: { title: "Log out", drawerIcon: () => <Icon name="settings" size={25} />, }, }, });

Configuración de pantalla.js:

 export default class SettingsScreen extends React.Component { signOut = async () => { try { await firebase.auth().signOut(); this.props.navigation.navigate("WelcomeScreen"); } catch (error) { Alert.alert("", ""); } }; render() { return ( <View> <CustomValidationButton onPress={this.signOut}> <Text>Log out</Text> </CustomValidationButton> </View> ); } }