joh*_*son 2 javascript firebase react-native firebase-authentication react-navigation
当我根据进行登录和注销时,我的firebase方法会onAuthStateChanged()触发几次。它不是应该仅在登录时触发一次,而在注销时触发一次。结果是,注销后,将触发多次导航到上一页。这是代码:firebase-authenticationconsole.log
componentDidMount() {
fbAuth.onAuthStateChanged(user => this.loginFunc(user));
}
loginFunc(user) {
if (user) {
console.log('LOGGED IN');
}else {
console.log('LOGGED OUT');
this.props.navigation.navigate('FbLogin');
}
console.log('onAUTH LOGGED IN: ', user);
}
Run Code Online (Sandbox Code Playgroud)
这就是控制台的样子。如您所见,仅单击一次注销即可触发登录和注销。登录时,它会触发两次。
LOGGED OUT
FbLogin.js:46 onAUTH: null
LoggedIn.js:27 LOGGED OUT
LoggedIn.js:30 onAUTH LOGGED IN: null
FbLogin.js:44 LOGGED OUT
FbLogin.js:46 onAUTH: null
Run Code Online (Sandbox Code Playgroud)
我的注销按钮如下所示:
<TouchableHighlight //LOGOUT
style={{
...
}}
onPress={() => {
fbAuth.signOut();
this.setState({ loginState: "You are logged out" });
}}
>
<Text>Logout</Text>
</TouchableHighlight>
Run Code Online (Sandbox Code Playgroud)
是的,这很正常,onAuthStateChanged会一直触发,我通过使用以下代码解决了这个问题:
var authFlag = true;
Firebase.onAuthStateChanged( user => {
if(authFlag) {
authFlag = false;
if (user) {
// Do something,
}
else {
// Alert.alert("Auth Error")
}
}
});
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
879 次 |
| 最近记录: |