Flutter如何将列表中的图片展示在GridView及类型不匹配报错解决

错误原因 #

该报错的根因为Image.asset构造方法要求传入字符串类型的图片路径，你实际传入的参数是Image类型的组件对象，类型不匹配触发运行时报错。

修复步骤 #

• 给路径列表明确指定类型，从源头上限制列表只能存字符串路径，避免后续误插入非字符串元素，将列表声明修改为：

List<String> imageList = ["assets/img/pepsi2.jpg","assets/img/pepsi2.jpg"];

指定类型后如果后续尝试往列表插入非字符串类型的元素，IDE会提前抛出语法提醒，避免运行时才发现问题。

• 统一操作的数据源：你当前渲染图片用的是imageList，但删除逻辑里操作的是_imageFileList，两个列表数据没有同步会导致逻辑异常，将删除逻辑修改为操作渲染用的imageList即可：

setState(() {
  imageList.removeAt(index);
});

如果你的图片资源实际存储在_imageFileList中，也可以直接把渲染时的路径参数换成_imageFileList对应元素的路径属性。

• 检查所有给imageList新增元素的业务逻辑，确保插入的都是字符串格式的资源路径/本地文件路径，不要把Image.asset(xxx)返回的Image组件对象直接塞入列表。

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