Flutter图片加载失败求助：传入Image实例后无法识别资源

核心问题 #

你犯了参数类型混淆的错误：

• 调用Tabs时，传入的是Image组件实例（Image.asset('xxx')返回的是Image对象）
• 但在Tabs组件内部，你把这个Image对象转成字符串传给Image.asset()，相当于让Flutter加载路径为"Image(image: AssetImage(...))"的资源——这个路径根本不存在，所以必然报错。

两种解决方案 #

方案1：让Tabs接收图片路径字符串（更推荐）

• 调用Tabs时直接传路径：

  Tabs('Books', 'assets/image/health.png', 2)
  

• 组件内部直接使用该路径：

  IconButton(
    icon: Image.asset(iconName), // iconName是字符串路径，直接传入即可
    // 其他属性配置...
  )
  

方案2：直接传递并使用Image对象

如果坚持让Tabs接收Image类型参数，组件内部不要再嵌套Image.asset，直接用传入的对象：

IconButton(
  icon: iconName, // 直接使用传入的Image实例
  // 其他属性配置...
)

额外验证步骤 #

1. 确认pubspec.yaml的资源配置缩进正确（必须是2个空格，与flutter节点平级）：

   flutter:
     assets:
       - assets/image/health.png
       - assets/image/phone.png
   

2. 执行flutter clean清理缓存后重启项目，避免资源未刷新导致的异常。

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