Flutter开发中Stack组件无法加载图片无报错，已配置pubspec如何解决？

Flutter Stack组件图片不显示问题解决方案 #

核心问题原因 #

• Stack无明确尺寸约束：Stack默认会适配最小子控件的尺寸，无父级约束时Image组件会默认占用0x0空间，无论本地还是网络图片都不会渲染，这是你本地、网络图片都不显示的最可能原因。
• 资源路径配置错误：Flutter对资源路径大小写敏感，需要确认pubspec.yaml中配置的路径、代码中引用的路径和实际文件路径完全一致；同时检查pubspec.yaml中assets配置的缩进是否正确：assets节点前缩进2个空格，每个资源路径前缩进4个空格，缩进错误会导致资源无法读取。
• 网络请求限制：iOS端默认禁止HTTP协议的网络请求，若你测试的网络图片是HTTP链接，需要在info.plist中配置NSAppTransportSecurity相关权限，或更换HTTPS链接测试。

修复代码示例 #

给Stack添加明确的尺寸约束即可，比如用Container指定宽高：

InkWell(
  child: Container(
    // 可根据需求调整宽高，也可以用MediaQuery设置适配屏幕的尺寸
    width: 200,
    height: 200,
    child: Stack(
      children: <Widget>[
        Image.asset('assets/Images/b.jpg',fit: BoxFit.cover,),
        Center(child: Text("something",textAlign: TextAlign.center,)),
      ]
    ),
  ),
  onTap: () {
    ListOfEpisode();
    print("am");
  },
)

如果需要Stack占满父控件可用空间，把Container替换为Expanded嵌套即可。

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