reactjs - react-native-navigation如何检测 `shouldComponentUpdate`内的当前屏幕

Question

我正在使用react-native-navigation并使用redux进行状态管理。当我使用“push”方法从 screenA 转到 screenB 时，screenA 不会卸载。这将导致不必要的重新渲染，之前在react-navigation中我使用shouldComponentUpdate将组件与当前可见的屏幕进行匹配以停止重新渲染。

有没有办法在react-native-navigation中做到这一点？

Answer 1

当您设置导航器事件处理程序(使用addOnNavigatorEvent)时，您可以跟踪屏幕生命周期事件并在屏幕消失或出现时收到通知。

或者，您可以使用 await this.props.navigator.screenIsCurrentlyVisible() 检查屏幕当前是否可见，尽管我不确定在 shouldComponentUpdate 中执行此操作会产生什么影响 因为它执行需要跨桥的 native 调用，并且可能会增加不必要的延迟。

您可以查看有关屏幕可见性的更多信息 here .