在 React Native 中，goBack() 无法触发上一屏幕的参数更新，导致数据不刷新；应改用 navigate() 配合 merge: true 主动跳转并合并参数，结合 useFocusEffect 实现可靠的数据同步。
在 react native 中，`goback()` 无法触发上一屏幕的参数更新，导致数据不刷新；应改用 `navigate()` 配合 `merge: true` 主动跳转并合并参数，结合 `usefocuseffect` 实现可靠的数据同步。
在 React Native 多页面场景中（如从 FormScreen 提交评分后返回 SiteScreen），开发者常误以为调用 navigation.goBack() 后，通过 navigation.setParams() 设置的参数会自动生效——但事实并非如此。goBack() 仅执行导航栈回退，不会重新渲染或更新目标屏幕的 route params，因此 SiteScreen 无法感知到新数据。
✅ 正确做法是：在表单提交成功后，不再使用 goBack()，而是用 navigation.navigate() 显式跳转回目标页面，并携带最新数据：
// FormScreen.tsx
const saveChangesAsync = async () => {
if (Object.keys(selectedValues).length === 0) {
setHasError(true);
return;
}
try {
const response = await sendRating(selectedValues, site, user!._id);
if (response.success && "newPlace" in response) {
const updatedSite = { ...response.newPlace, nombre: "(Rated)" };
console.log("Updated site in FormScreen:", updatedSite.nombre);
// ✅ 关键：用 navigate 替代 goBack，主动跳转并合并参数
navigation.navigate({
name: 'Site', // 必须与目标 Screen 的 name 一致（如 Stack.Navigator 中注册的名称）
params: { site: updatedSite },
merge: true, // 确保不覆盖其他已有参数，仅合并/更新 site 字段
});
} else {
console.warn("Rating submission failed:", response.message);
}
} catch (err) {
console.error("Network or logic error:", err);
}
};同时，在 SiteScreen 中需配合 useFocusEffect 安全读取更新后的参数，并避免重复渲染：
// SiteScreen.tsx
import { useFocusEffect } from '@react-navigation/native';
import React, { useCallback, useState } from 'react';
export default function SiteScreen({ route }: { route: RouteProp<RootStackParamList, 'Site'> }) {
const [site, setSite] = useState(route.params?.site || null);
// ✅ 每次屏幕获得焦点时，同步最新 route.params.site
useFocusEffect(
useCallback(() => {
// 只有当 route.params.site 存在且发生变化时才更新状态（防抖+精准响应）
if (route.params?.site && JSON.stringify(route.params.site) !== JSON.stringify(site)) {
setSite(route.params.site);
}
}, [route.params?.site, site])
);
if (!site) return <LoadingView />;
return (
<ScrollView>
<Text>{site.nombre}</Text>
{/* 其他站点信息渲染 */}
</ScrollView>
);
}⚠️ 注意事项：
- merge: true 是关键选项，它确保 navigate({ name: 'Site', params }) 不会清空 SiteScreen 原有的其他参数（如 from: 'search'），只更新传入的字段；
- useFocusEffect 类似于 useEffect，但专为屏幕焦点设计，比 useEffect + isFocused 更简洁可靠；
- 避免在 useFocusEffect 内部直接 setState 而不加依赖校验，否则可能引发无限循环（尤其当 site 是对象时，需用 JSON.stringify 或 deep-equal 判断变更）；
- 若项目使用 TypeScript，请确保 RootStackParamList 中已正确定义 'Site': { site: SiteType } 类型。
总结：goBack() 是“无状态回退”，而跨屏数据同步需要“有状态跳转”。掌握 navigate + merge + useFocusEffect 这一组合，即可优雅、健壮地解决 React Native 中屏幕返回时的数据刷新难题。
