React Native navigation.goBack() 后页面状态会重置吗？

React Native navigation.goBack() 后页面状态会重置吗？

在 React Native 开发中，我们经常使用 navigation.goBack() 返回上一页面。很多开发者关心一个问题：返回的页面状态会重置吗？

答案是：通常不会。

使用 navigation.goBack() 返回页面时，页面会保持其之前的状态，包括：

• 组件的状态： 例如，输入框中的文本、组件的选中状态等。* 页面数据： 例如，从 API 获取的数据、用户操作产生的数据等。

这是因为 React Navigation 默认会将页面保存在内存中，返回页面时只是重新渲染，并不会重新创建页面实例。

示例：

假设页面 A 跳转到页面 B，在页面 B 修改了一些数据后，使用 navigation.goBack() 返回页面 A，页面 A 仍然会显示修改之前的数据。

如何强制刷新页面状态？

如果希望在返回页面时强制刷新页面状态，可以使用以下方法：

• 使用路由参数传递数据： 在页面 B 中将需要更新的数据通过路由参数传递给页面 A，页面 A 在 useEffect 钩子函数中监听路由参数变化，从而更新页面状态。* 使用全局状态管理： 例如 Redux、Mobx 等，将需要共享的数据存储在全局状态中，页面 A 和页面 B 都可以访问和修改全局状态。

总结：

默认情况下，navigation.goBack() 不会重置页面状态。如果需要强制刷新页面状态，可以使用路由参数传递数据或全局状态管理。希望本文能帮助你更好地理解 React Navigation 中的页面状态管理。