React native - State不会在导航时更新

React Native是一种基于React的移动应用开发框架，可以通过使用JavaScript编写一次代码，然后在iOS和Android平台上生成本地应用。关于React Native中的State不会在导航时更新的问题，这是因为React Navigation（一个常用的导航库）在屏幕导航时并不重新渲染已经加载的屏幕组件。

具体来说，当使用React Navigation进行屏幕导航时，导航器会将屏幕组件（包括其状态）加载到内存中，并保存在导航器的堆栈或堆内存中。当进行导航时，导航器会直接复用之前加载的屏幕组件，而不会重新渲染组件。

这导致了一个问题，即屏幕组件的状态在导航时不会更新。例如，在一个屏幕组件中修改了状态，并通过导航切换到另一个屏幕组件，再返回原来的屏幕组件时，原来的屏幕组件的状态并没有被更新。

为了解决这个问题，可以使用React Navigation提供的导航生命周期钩子函数，如useFocusEffect。通过在屏幕组件中使用useFocusEffect钩子函数，可以在屏幕获得焦点时执行一些操作，例如更新状态。以下是一个示例：

import { useFocusEffect } from '@react-navigation/native';

function MyScreen() {
  const [count, setCount] = useState(0);

  useFocusEffect(() => {
    // 在屏幕获得焦点时更新状态
    setCount(count + 1);
  });

  return (
    <View>
      <Text>{count}</Text>
    </View>
  );
}

在上述示例中，当MyScreen组件获得焦点时，useFocusEffect钩子函数会触发，然后更新状态。这样，在导航时返回到MyScreen组件时，状态就会被正确更新。

总结：React Native中的State在导航时不会自动更新，但可以使用React Navigation提供的导航生命周期钩子函数来手动更新状态。