React Navigation 6.x中SET_PARAMS未被处理问题求助

开发者阿泽

2026-7-8

问题原因

你当前的代码错误在于**CommonActions.setParams的参数格式不正确**，没有用params字段包裹要修改的参数，同时target的传递方式不符合React Navigation 6的规范，导致导航器无法识别SET_PARAMS动作。

正确实现代码

在Settings屏幕的保存按钮点击事件中，使用以下代码修改FeatureScreen的params：

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

// 保存按钮点击处理函数
const handleSave = () => {
  const newFullListOfData = /* 你的新数据逻辑 */;

  navigation.dispatch(state => {
    // 从当前导航栈中找到FeatureScreen的路由实例
    const featureRoute = state.routes.find(route => route.name === 'FeatureScreen');
    
    // 如果找不到目标路由，直接返回避免报错
    if (!featureRoute) return null;

    // 构建正确的SET_PARAMS动作
    return CommonActions.setParams({
      params: { data: newFullListOfData }, // 用params字段包裹要修改的参数
      target: featureRoute.key, // 指定目标路由的key
    });
  });
};

补充：FeatureScreen监听参数变化

修改params后，FeatureScreen需要监听参数变化来更新本地状态（函数组件不会自动因params变化重新渲染），示例代码如下：

import { useRoute } from '@react-navigation/native';
import { useState, useEffect } from 'react';

const FeatureScreen = () => {
  const route = useRoute();
  // 初始化本地状态
  const [data, setData] = useState(route.params?.data || []);

  // 监听route.params的变化，更新本地状态
  useEffect(() => {
    if (route.params?.data) {
      setData(route.params.data);
    }
  }, [route.params?.data]);

  // 页面其他逻辑...
};