Reactjs 在React导航中返回主屏幕时如何调用构造函数？

我有一个

createBottomTabNavigator

，其中有一个

createStackNavigator

：

const SettingsStack = createStackNavigator({
  SettingsScreen: {
    screen: SettingsClass,  //1st screen
  },
  EditProfile: {
    screen: EditProfileClass . //2nd screen
  },
},

---

当我从EditProfile屏幕移回主SettingsScreen时，我希望再次运行SettingsScreen中的componentWillMount（）（每次返回时）。现在它只运行一次。或者在SettingsScreen中创建一个函数，该函数在我从EditProfile屏幕返回到主SettingsScreen时运行。这样，我的主设置屏幕现在将刷新最新的配置文件信息。如何实现这一点？

您可以在

SettingsScreen

class SettingsScreen extends Component {
  componentDidMount() {
    this.focusListener = this.props.navigation.addListener('didFocus', () => {
      // Call your refresh code here
    });
  }

  componentWillUnmount() {
    this.focusListener.remove();
  }
}