Flutter加載圖片/資源

Flutter 應(yīng)用程序包含代碼和 assets(也為資源)。資源是被打包到應(yīng)用程序安裝包中,可以在運行時訪問的一種文件。常見的資源類型包括靜態(tài)數(shù)據(jù)(例如 JSON 文件),配置文件,圖標(biāo)和圖片(JPEG,WebP,GIF,動畫 WebP / GIF,PNG,BMP 和 WBMP)。

加載本地圖片

新建資源文件夾assets,將圖片加入到文件夾中

新建資源文件夾.png

聲明分辨率相關(guān)的圖片assets

官方文檔.png

大坑提示:若想Android Studio自動識別分辨率相關(guān)圖片,必須給定1.0x圖片,否則,需指定具體路徑,如:assets/public/3.0x/xxx.png。

插件推薦:flutter_add_image,可自動通過3x圖片生成1x,2x圖片。

pubspec.yaml新增相關(guān)路徑

flutter:

  # The following line ensures that the Material Icons font is
  # included with your application, so that you can use the icons in
  # the material Icons class.
  uses-material-design: true

  # To add assets to your application, add an assets section, like this:
  assets:
    - assets/public/
    - assets/public/2.0x/
    - assets/public/3.0x/

代碼調(diào)用

Image.asset('assets/public/xxx.png')
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容