阅读 732

flutter加载不同分辨率本地图片

flutter移动开发怎么加载本地图片,首先在该项目根目录也就是和ios,android同级创建一个images文件夹用来存放图片资源,

在这里插入图片描述
然后放入需要加载的图片资源例如ic_phone.png,然后在项目目录下找到pubspec.yaml文件打开,声明图片:
在这里插入图片描述
这样就可以在代码中使用 了

Image.asset('images/ic_qq.png')
复制代码

如何加载不同分辨率的图呢,例如android中的hdpi,xhdpi,xxhdpi和ios中的1x,2x,3x。只需要在images文件夹中在创建两个2.0x,3.0x文件夹用来存放2x,3x的图片资源:

在这里插入图片描述
然后在pubspec.yaml中声明

assets:
    - images/ic_qq.png
    - images/2.0x/ic_qq.png
    - images/3.0x/ic_qq.png
复制代码

这样在加载图片的时候不用去管2x,3x,flutter自己会去选择加载

Image.asset('images/ic_qq.png')
复制代码

那么,图片资源很多的时候不想每张图片都去声明呢,这时候可以只需要声明文件夹,这样就会把文件夹里面所有资源识别到,就像这样:

  assets:
    - images/
    - images/2.0x/
    - images/3.0x/
复制代码

欢迎各位同学一起学习flutter,群号:187670882

关注下面的标签,发现更多相似文章
评论