react-native - 当 RN 屏幕变化时(调用导航时)监听的钩子(Hook)

Question

使用 react native 导航: https://reactnavigation.org/docs/use-navigation/

有没有办法监听 View /屏幕的变化？什么时候调用 nav.navigate() ？ 我们可以创建自己的包装器，然后自己调用钩子(Hook)，但我想知道是否有内置的方法来监听 View /屏幕的更改？目标是在用户导航时隐藏 snackbar (如果正在显示)。

Answer 1

您有两种方式来监听屏幕变化:

1. 订阅状态变化，可以阅读更多here

2. 使用 NavigationContainer 的 onStateChange 属性，您可以阅读更多内容 here

您可以在那里进行检查并随时隐藏 snackbar 。与包装 useNavigation Hook 相比，它的优点是它不仅可以与您的自定义 Hook 一起使用，还可以与传递到导航器中所有屏幕的 navigation 属性一起使用。