反应导航：检测新屏幕是否完全聚焦

Question

在当前版本的react-navigation中，有两种方法可以检查屏幕是否聚焦，方法是：（1）调用isFocusedscreen的prop 函数navigation，或者（2）将组件挂接到withNavigationFocused并检索prop isFocused。

但是，导航开始时，这两种方法始终返回true。就我而言，我只需要在屏幕转换结束（即新屏幕完全聚焦）时才触发操作。这是为了处理渲染较重的子级，例如相机或地图，这些子级应在屏幕过渡后进行渲染，以避免动画缓慢过渡。

知道如何实现吗？

Answer 1

您可以尝试订阅导航生命周期事件，如docs中所述：

const didFocusSubscription = this.props.navigation.addListener(
  'didFocus',
  payload => {
    console.debug('didFocus', payload);
  }
);

此仓库中的另一个示例用法