flutter - Flutter:无法加载 PNG 资源
问题描述
我需要在我的颤振应用程序中使用一些特定于密度的图像,但不幸的是我在加载它们时遇到了问题。
我根据官方文档https://flutter.dev/docs/development/ui/assets-and-images创建了几个密度特定的目录来存储图像,编辑了 pubscpec.yaml 并编写了一些代码。
资产:
/assets
/images
/1.0x
/qr_logo.png
/1.5x
/qr_logo.png
/2.0x
/qr_logo.png
/3.0x
/qr_logo.png
/4.0x
/qr_logo.png
pubspec.yaml:
flutter:
uses-material-design: true
assets:
- assets/images/
- assets/strings/uk.json
- assets/strings/ru.json
代码:
GestureDetector(
child: Container(
width:120,
height: 40,
decoration: BoxDecoration(
color: Colors.black,
image: DecorationImage(
image:AssetImage('assets/images/qr_logo.png'),
fit:BoxFit.cover
),
)
),onTap:(){
print("CLICKED!");
})
这导致:他在解析图像编解码器时抛出了以下断言:无法加载资产:assets/images/qr_logo.png
抛出异常时,这是堆栈:
0 PlatformAssetBundle.load (包:flutter/src/services/asset_bundle.dart:221:7)
1 AssetBundleImageProvider._loadAsync (package:flutter/src/painting/image_provider.dart:464:44)
2 AssetBundleImageProvider.load (package:flutter/src/painting/image_provider.dart:449:14) ...
图片提供者:AssetImage(bundle: null, name: "assets/images/qr_logo.png") 图片键: AssetBundleImageKey(bundle: PlatformAssetBundle#5e64b(), name: "assets/images/qr_logo.png", scale: 1.0)
解决方案
推荐阅读
- c - 在这种情况下,局部变量会消耗内存吗?
- javascript - 如何使用承诺返回在nodejs的快速路由器中递归编辑的对象数组?
- javascript - 如何从 chrome 扩展中获取价值?
- linker - 链接器双重重定向 (IAR EWARM)
- r - 将函数应用于 df1,该函数基于扩展和操作 df1 每一行的数据创建一个新的 df
- sql-server - 如何记录用户访问 Windows 服务器上拒绝的路径
- vue.js - 为什么在 Vue Router 调度后不正确更新 store 数据?
- python-3.x - 如何解决不同 CPU 类型的 DLL 模块?
- python - 在 Python 中创建 numPy 数组时保留引用
- javascript - 向移动菜单添加下拉和折叠功能