Flutter图片分辨率适配

为了达到最佳显示,咱们在开发过程当中通常会在不一样分辨率的屏幕上显示不一样尺寸的图片。bash

图片资源存放

在项目中建立一个assets文件夹用来存放资源文件,资源文件夹里面能够听任意类型的文件,为了区分,咱们再建立一个images的子文件夹用来存放图片。为了处理分辨率的问题,咱们还须要在images文件夹下建立2.0x3.0x两个子文件夹,用来存放2倍和3倍的图。 app

图片资源管理

要把list.png放入Flutter工程里面,你要把1倍图放到images下面,其它倍数的放到对应的子文件夹下面。spa

assets/images/list.png       // 1倍图
assets/images/2.0x/list.png  // 2倍图
assets/images/3.0x/list.png  // 3倍图
复制代码

声明图片资源

pubspec.yaml文件中声明这个图片资源。 code

-w548

清除注释,注意assets前面有一个空格,要总体左移,否则会报Error on line 49, column 4 of pubspec.yaml: Expected a key while parsing a block mapping.的错误。cdn

-w638

使用方法

在你须要使用的地方调用便可。blog

Image.asset("assets/images/list.png");
复制代码
相关文章
相关标签/搜索