如何解决Flutter中Widgets库捕获的CachedNetworkImage参数异常问题

这个报错是cached_network_image组件的参数类型不匹配导致的，核心是错误处理相关函数的入参不符合版本要求，结合你提供的代码，按以下两个步骤修改即可解决：

• 补充依赖导入
  你的代码仅导入了Flutter Material库，没有引入cached_network_image的相关包。首先需要在pubspec.yaml的dependencies节点下添加cached_network_image依赖，然后在custom_image.dart顶部补充导入语句：

import 'package:cached_network_image/cached_network_image.dart';

• 显式声明errorWidget参数类型
  你当前使用的cached_network_image版本要求错误处理函数的入参必须明确支持接收错误对象，Dart类型推断可能误判你传入的errorWidget为无参闭包，给第三个参数显式声明dynamic类型即可解决：

修改后的完整代码如下：

import 'package:flutter/material.dart';
import 'package:cached_network_image/cached_network_image.dart';

Widget cachedNetworkImage(String mediaUrl) {
  return CachedNetworkImage(
    imageUrl: mediaUrl,
    fit: BoxFit.cover,
    placeholder: (context, url) => Padding(
      child: const CircularProgressIndicator(),
      padding: const EdgeInsets.all(20.0),
    ),
    // 显式声明error类型匹配版本要求
    errorWidget: (context, url, dynamic error) => const Icon(Icons.error),
  );
}

如果修改后仍有异常，可以检查cached_network_image版本和你的Flutter版本兼容性：Flutter 2.x建议使用2.x版本的cached_network_image，Flutter 3.x建议使用3.x以上版本即可。

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