爲了達到最佳顯示,咱們在開發過程當中通常會在不一樣分辨率的屏幕上顯示不一樣尺寸的圖片。bash
在項目中建立一個assets
文件夾用來存放資源文件,資源文件夾裏面能夠聽任意類型的文件,爲了區分,咱們再建立一個images
的子文件夾用來存放圖片。爲了處理分辨率的問題,咱們還須要在images
文件夾下建立2.0x
和3.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
清除註釋,注意
assets
前面有一個空格,要總體左移,否則會報Error on line 49, column 4 of pubspec.yaml: Expected a key while parsing a block mapping.
的錯誤。cdn
在你須要使用的地方調用便可。blog
Image.asset("assets/images/list.png");
複製代碼