javascript - React-Navigation:每当页面导航到时调用函数

Question

我正在使用 React-Navigation 开发 React-Native 应用程序，并且我正在使用堆栈导航器。

我如何在导航到页面时调用函数，包括在 goBack() 事件中？如果我将该方法放在我的构造函数中，它只会在其初始创建时触发，而不是在通过 goBack() 获得时触发。

Answer 1

使用导航事件 我相信你可以使用 did focus and will blur

<NavigationEvents
      onWillFocus={payload => console.log('will focus', payload)}
      onDidFocus={payload => console.log('did focus', payload)}
      onWillBlur={payload => console.log('will blur', payload)}
      onDidBlur={payload => console.log('did blur', payload)}
    />

https://reactnavigation.org/docs/en/navigation-events.html

编辑 2022

从'@react-navigation/native'导入{useIsFocused};

const isFocused = useIsFocused();

React.useEffect(()=>{
 if(isFocused){

   // callback
 }
},[isFocused])