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");
複製代碼
相關文章
相關標籤/搜索