Flutter调用setState时StatefulWidget状态未更新问题求助

问题根因 #

Dart中参数传递是按值传递，你传入pendingJobs时，函数内的jobs参数只是拿到了pendingJobs指向的List对象的引用拷贝：你执行jobs = data['job_list']的时候，只是修改了函数内jobs这个局部变量的指向，让它指向接口返回的新List对象，完全没有修改外部pendingJobs指向的原List对象，所以状态不会更新。

解决方案 #

以下两种方案都满足你保留参数、可提取为公共函数的需求：

方案1：修改原有List对象（改造成本最低） #

不要给jobs参数重新赋值，直接修改它指向的原List的内容即可：

void updateListWithResponseData(List jobs) {
  BackendApi.call(
      endpoint: APIEndPoints.GET_PENDING_JOBS,
      data: {"email": GlobalData.userEmail},
      onSuccess: (data) {
        setState(() {
          // 清空原有List的内容，再把新数据添加进去
          jobs.clear();
          jobs.addAll( (data['job_list'] as List).cast<String>() );
          print(pendingJobs); // 此时会输出最新数据
        });
      },
      onFailed: (error) {
        print('Failed to fetch data!');
      });
}

方案2：添加回调返回数据（更适合提取为公共工具函数，耦合度更低） #

如果要把这个函数提取到公共文件，更推荐用回调的方式，不需要依赖传入的List引用，灵活性更高：

1. 改造updateListWithResponseData（提取到公共文件的写法）：

typedef ListUpdateCallback = void Function(List newData);
void updateListWithResponseData({
  required ListUpdateCallback onSuccess,
  required ValueChanged<String> onFailed,
}) {
  BackendApi.call(
      endpoint: APIEndPoints.GET_PENDING_JOBS,
      data: {"email": GlobalData.userEmail},
      onSuccess: (data) {
        onSuccess((data['job_list'] as List).cast<String>());
      },
      onFailed: onFailed);
}

2. 组件内调用写法：

@override
void initState() {
  super.initState();
  updateListWithResponseData(
    onSuccess: (newJobs) {
      setState(() {
        pendingJobs = newJobs;
      });
    },
    onFailed: (error) {
      print('Failed to fetch data: $error');
    }
  );
}

额外注意事项 #

你提供的BackendApi.call代码里存在逻辑错误：

if (response.statusCode == 200) {
  // 此处判断条件错误，应该是判断onSuccess != null，否则如果onFailed为null时成功回调永远不会执行
  if (onFailed != null) {
    onSuccess(apiResponse);
  }
}

请先修正这个问题，避免回调不触发的情况。

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