React本机组件willmount不调用

要从主页登录返回,您应该使用 this.props.navigation.goBack() 如果屏幕在 home .

其次,你不应该使用 componentWillMount componentDidMount

因为组件已经挂载,所以它不会调用react生命周期事件 组件安装 再一次。因此,您应该使用 react-navigation listeners didFocus

didFocus公司 :屏幕聚焦(如果有转换,转换完成)

componentDidMount () {
    this._onFocusListener = this.props.navigation.addListener('didFocus', (payload) => {
      // Perform the reset action here
    });
}

这个 this.props.navigation.navigate('loginScreen') 不要工作,因为你现在在工作 loginScreen .

有一个循环!

正确代码:

什么时候 navigate 到 登录屏幕 从 home 用途:

this.props.navigation.push('loginScreen')

不在“componentWillMount”中

因为主屏幕和登录屏幕都在同一个StackNavigator下,所以当您从主屏幕返回登录时,状态保持不变,因为组件没有卸载。解决这个问题的推荐方法是使用react navigation的SwitchNavigator。请阅读下面文档中非常有用的部分

https://reactnavigation.org/docs/en/auth-flow.html

您可能还不熟悉SwitchNavigator。目的 SwitchNavigator一次只能显示一个屏幕。默认情况下, 它不处理返回操作,并将路由重置为其默认值 当你离开的时候说出来。

this.props.navigation.push('Login') ,我试过了 SwitchNavigator 但它不能提供 navigationOptions 用于标题。