使用 React Navigation 导航堆栈时重新渲染组件

我目前正在使用react-navigation进行堆栈和选项卡导航。

每次用户导航到特定屏幕时是否可以重新渲染组件？我想确保重新运行componentDidMount()每次到达特定屏幕时，我都会通过调用适当的操作创建者从服务器获取最新数据。

我应该考虑什么策略？我很确定这是一种常见的设计模式，但我没有看到记录的示例。

如果您正在使用React Navigation 5.X，只需执行以下操作：

import { useIsFocused } from '@react-navigation/native'

export default function App(){

    const isFocused = useIsFocused()

    useEffect(() => {
        if(isFocused){
            //Update the state you want to be updated
        }
    }, [isFocused])

}

The 使用重点hook 检查屏幕当前是否处于焦点状态。它返回一个布尔值，即true当屏幕聚焦并且false当它不是时。