flutter加載不同分辨率本地圖片

flutter移動開發怎麼加載本地圖片,首先在該項目根目錄也就是和ios,android同級創建一個images文件夾用來存放圖片資源,
在這裏插入圖片描述
然後放入需要加載的圖片資源例如ic_phone.png,然後在項目目錄下找到pubspec.yaml文件打開,聲明圖片:
在這裏插入圖片描述
這樣就可以在代碼中使用 了

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

如何加載不同分辨率的圖呢,例如android中的hdpi,xhdpi,xxhdpi和ios中的1x,2x,3x。只需要在images文件夾中在創建兩個2.0x,3.0x文件夾用來存放2x,3x的圖片資源:
在這裏插入圖片描述
然後在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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章