Flutter使用cachedNetworkImage的坑

最新推荐文章于 2025-07-02 15:20:47 发布

燃烧的键盘侠

最新推荐文章于 2025-07-02 15:20:47 发布

阅读量1.4w

点赞数

CC 4.0 BY-SA版权

分类专栏： Flutter 文章标签： Flutter cachedNetworkImage

本文链接：https://blog.youkuaiyun.com/darkforestqd/article/details/103265272

在Flutter项目中使用cachedNetworkImage时遇到错误。先是placeholder参数定义报错，发现新版本参数定义已变更。接着编译运行时出现错误，通过查看Git上的issue和源码，发现在cachedNetworkImage 0.8.0版本中修复了该问题。对比不同版本源码，找到问题关键在于informationCollector部分的变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Flutter中使用cachedNetworkImage控件

在参考了Flutter中文网的文档后，开始操作，基本步骤是这样：

在YAML中引用包：cached_network_image: ^0.6.2
参考文档写法，在自己的代码中加入以下部分
body: new Center( child: new CachedNetworkImage( placeholder: new CircularProgressIndicator(), imageUrl:'', ), ),
首先，placeholder参数的定义方法一直报错，提示参数类型不正确，报错：

最后找到原因，新版本的参数定义方法和Flutter中文网上的文档已经不一样了，应该使用新的写法：

placeholder:(context,url)=> CircularProgressIndicator(),

修改之后，代码显示正确了，但是在编译运行时又报错了：

Error: The argument type 'Null Function(StringBuffer)' can't be assigned to the parameter type 'Iterable Function()'.

'StringBuffer' is from 'dart:core'.
'Iterable' is from 'dart:core'.
'DiagnosticsNode' is from 'package:flutter/src/foundation/diagnostics.dart' ('file:///Users/xyz/flutter/packages/flutter/lib/src/f