响应原生 Firebase 注销导航

Question

我制作了一个带有Firebase身份验证的应用程序。 我在菜单中使用了注销按钮。 当我单击此按钮时，请在Firebase中注销，但导航不起作用。这是我的注销代码。

<Button
primary
title="Logout"
onPress={() => {
firebase
.auth()
.signOut()
.then(
() => {
this.props.navigation.navigate("Login");
},
function(error) {
// An error happened.
}
);
}}
>
Log out
</Button>

这向我显示了此错误。 导航到页面不起作用。

possible unhandled promise rejection. undefined is not an object ( evaluating 'this3.props.navigation')

任何人都可以帮助我修复此错误。

Answer 1

navigationOptions

无权访问组件的props和state。因此，您需要访问它有权访问的navigation对象。

static navigationOptions = ({navigation}) => ({
headerRight: (
<Button
...
navigation.navigate("Login");
>
Log out
</Button>
)
})