反应原生 Firebase 注销导航答案

【问题标题】：react native firebase logout navigation反应原生 Firebase 注销导航
【发布时间】：2018-09-18 09:23:30
【问题描述】：

我制作了一个带有 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')

谁能帮我解决这个错误。

【问题讨论】：

能否在您使用<Button/> 组件的位置以及该组件是否已在导航堆栈中注册时添加代码？
我在 headerRight 下的 navigationOptions 方法中使用了这个按钮标签：{}

标签： firebase react-native firebase-authentication react-navigation

【解决方案1】：

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

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

【讨论】：