从反应原生的另一个组件导航后如何刷新堆栈中已经存在的组件

Question

Ex- 我有两个组件 A 和 B。从组件 B 导航后我需要刷新组件 A。

componentDid 挂载不起作用，因为 A 已经挂载。

如何实现这一点。我正在使用反应导航从 B->A

导航

Answer 1

您可以使用来自react-navigation 的NavigationEvents，也可以传递将在navigation.goBack() 上触发的回调。

看看这个零食： Temporary Link

Answer 2

你可以在 react native 中添加一个监听器。

共有 4 个相同的侦听器。

1. willFocus - 屏幕将聚焦
   
2. didFocus - 屏幕聚焦（如果有过渡，则过渡完成）
   
3. willBlur - 屏幕将失去焦点
   
4. didBlur - 屏幕失焦（如果有过渡，则过渡完成）
   

试试下面的代码

componentDidMount(){
    const didFocusSubscription = this.props.navigation.addListener(
      'didFocus',
      payload => {
        console.warn('didFocus ', payload);
        # just write your code/call a method here which you want to execute when the app comes from a component
        this.handleRefresh()
      }
    );
}

完成后不要忘记删除它。

componentWillMount(){
    didFocusSubscription.remove();
}

更多内容您可以阅读here。谢谢:)