DEV Community

Eric
Eric

Posted on

 

Flutter 學習日誌 Assets

匯入圖片資源

在 pubspec.yaml 加入指定圖片資源

assets:
 - assets/food/food_1.jpeg
 - assets/drink/drink_2.jpeg

也可加入指定目錄下所有圖片

assets:
 - assets/

上述方式僅匯入該目錄下圖片,不包含子目錄下的圖片。子目錄圖片需個別定義,注意:最後須以 "/" 結尾

assets:
 - assets/food/
 - assets/drink/

AssetImage 類別會根據裝置尺寸及比例選擇適當資源。
Flutter 存取的首要圖片為 1.0x 圖片,若要支援其他比例圖片,在其 1.0x 圖片目錄下建立對應比例的子目錄 (1.5x, 2.0x, Nx)

//建立方式1
assets:
 - food_1.jpeg
 - 1.5x/food_1.jpeg
 - 2.0x/food_1.jpeg

//建立方式2
assets:
 - icon/food_1.jpeg
 - icon/1.5x/food_1.jpeg
 - icon/2.0x/food_1.jpeg

Top comments (0)

50 CLI Tools You Can't Live Without

>> Check out this classic DEV post <<