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

flutter移动开发怎么加载本地图片,首先在该项目根目录也就是和ios,android同级创建一个images文件夹用来存放图片资源,
flutter加载不同分辨率本地图片_第1张图片
然后放入需要加载的图片资源例如ic_phone.png,然后在项目目录下找到pubspec.yaml文件打开,声明图片:
flutter加载不同分辨率本地图片_第2张图片
这样就可以在代码中使用 了

Image.asset('images/ic_qq.png')

如何加载不同分辨率的图呢,例如android中的hdpi,xhdpi,xxhdpi和ios中的1x,2x,3x。只需要在images文件夹中在创建两个2.0x,3.0x文件夹用来存放2x,3x的图片资源:
flutter加载不同分辨率本地图片_第3张图片
然后在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

你可能感兴趣的:(flutter移动开发)