react本机firebase注销导航

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

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

---

有人能帮我纠正这个错误吗

导航选项

无权访问组件的

道具

和

状态

。因此，您需要访问它已访问的

导航

对象

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

静态导航选项=（{navigation}）=>({
头灯：(
注销
)
})

是否也可以在使用

组件的位置添加代码，以及该组件是否已在导航堆栈中注册？我在headerRight:{}下的navigationOptions方法中使用了此按钮标记

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