文章/答案/技术大牛

发布

社区首页 >问答首页 >当导航到同一屏幕时，React导航v4生命周期事件不会触发

问当导航到同一屏幕时，React导航v4生命周期事件不会触发
EN

Stack Overflow用户

提问于 2019-12-29 06:44:45

回答 1查看 476关注 0票数 1

假设我有一个ProductScreen组件，它呈现关于一个产品的信息以及其他类似产品的列表。单击类似产品时，会使用不同的参数/键从ProductScreen ==> ProductScreen进行导航。

我面临的问题是，我想在React导航焦点事件上做一些事情(例如，滚动到顶部)

navigation.addListener('didFocus', () => {
  console.log('didFocus')
  scrollToTop()
})

我在第一次呈现组件时看到了日志，但是当从ProductScreen ==> ProductScreen进行导航时，didFocus事件似乎不会再次触发，因此组件不会滚动到顶部。事实上，似乎没有一个生命周期事件(willFocus、didFocus、willBlur、didBlur)被触发。

当使用不同的参数从组件X导航到组件X时，有没有办法能够使用react导航生命周期事件？谢谢!

react-native

react-navigation

react-navigation-stack

回答 1

Stack Overflow用户

发布于 2019-12-30 14:13:00

您正在导航到相同的屏幕，所以didFocus不触发是正常的，因为屏幕已经被聚焦。

如果要对参数更改做出反应，可以使用componentDidUpdate/useEffect将以前的参数与新的参数进行比较，然后执行所需的操作。

如果要导航到新屏幕，可以使用push而不是navigate

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/59515505

复制

相似问题

问当导航到同一屏幕时，React导航v4生命周期事件不会触发
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当导航到同一屏幕时，React导航v4生命周期事件不会触发EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当导航到同一屏幕时，React导航v4生命周期事件不会触发
EN