Expo Router返回上页面传值失效问题及替代方案咨询

1. 使用setParams回传数据是否正确？ #

这种用法并非官方推荐的正确方式，本质是依赖了旧版本Expo Router的偶然行为。router.setParams的设计初衷是修改当前活跃路由的参数，而调用router.back()后，路由栈已经切换回页面A，此时调用setParams修改的是A的全局路由参数，而非原本预期的local参数。新版本修复了这种未定义行为，导致原方法失效。

2. 推荐的页面回传数据方案 #

针对你的场景，推荐以下几种可靠方案：

• 轻量状态管理库：用Zustand、Jotai这类工具维护全局状态，页面B更新状态后，页面A通过订阅状态变化获取数据。这种方式无路由依赖，数据传递逻辑清晰。
  示例（Zustand）：

  // store.ts
  import { create } from 'zustand';
  
  type EditStore = {
    editedValue: string | null;
    setEditedValue: (value: string) => void;
  };
  
  export const useEditStore = create<EditStore>((set) => ({
    editedValue: null,
    setEditedValue: (value) => set({ editedValue: value }),
  }));
  
  // 页面B
  const { setEditedValue } = useEditStore();
  const handleSave = () => {
    setEditedValue(newValue);
    router.back();
  };
  
  // 页面A
  const { editedValue } = useEditStore();
  useEffect(() => {
    if (editedValue) {
      // 处理回传数据
      // 可选：重置状态避免重复读取
      useEditStore.getState().setEditedValue(null);
    }
  }, [editedValue]);
  

• 路由替换（router.replace）：若不需要保留页面B的路由栈记录，可直接用router.replace替代router.back()，将参数传递给页面A：

  // 页面B
  router.replace('/pageA', { newValue: xxx });
  

  页面A仍可通过useLocalSearchParams接收参数，符合路由参数的设计语义，但会替换路由栈中的B页面。
• 状态提升（父子路由场景）：如果B是A的子路由，可将A的状态更新函数通过Context或props传递给B，B完成编辑后直接调用函数更新A的状态，再执行router.back()。
• 临时存储：用expo-storage临时存储数据，页面A通过useFocusEffect监听页面聚焦事件，读取数据后删除临时存储内容：

  // 页面B
  import * as Storage from 'expo-storage';
  const handleSave = async () => {
    await Storage.setItemAsync('tempEditedValue', newValue);
    router.back();
  };
  
  // 页面A
  import { useFocusEffect } from '@react-navigation/native';
  useFocusEffect(
    React.useCallback(() => {
      const fetchData = async () => {
        const value = await Storage.getItemAsync('tempEditedValue');
        if (value) {
          // 处理回传数据
          await Storage.deleteItemAsync('tempEditedValue');
        }
      };
      fetchData();
    }, [])
  );
  

3. 使用GlobalSearchParams替代是否合适？ #

不推荐。GlobalSearchParams是路由栈全局共享的参数，用于跨页面的全局配置（如主题、语言），而非临时页面间的数据传递。使用它会带来以下问题：

• 参数会长期存在于全局，若未手动清除，可能被其他页面误读取；
• 多次跳转时参数容易被覆盖，引发不可预期的bug；
• 不符合路由参数的语义，增加代码维护成本。

内容的提问来源于stack exchange，提问作者m_____ilk