flutter無法加載本地圖片,報錯Unable to load asset: images/xxx.png

在flutter項目中,加載本地圖片,需要按照以下步驟進行配置:

1、在根目錄創(chuàng)建一個用于放圖片的文件夾,文件夾名稱最好是images。

2、將需要使用的圖片拖入到創(chuàng)建的images文件夾中。這里我以img.png為例:

3、在pubspec.yaml文件中將assets:注釋打開

然后配置圖片路徑,這里使用相對路徑,所以是images/img.png

4、然后在需要加載圖片的代碼中使用Image部件加載圖片:這里也使用相對路徑

按照以上步驟操作,如果沒有什么問題的話,圖片就可以正常顯示了。

但對于新手來說,比較容易出錯,圖片加載不出來,出現(xiàn)以下報錯的情況。

════════ Exception caught by image resource service ════════════════════════════════════════════════

The following assertion was thrown resolving an image codec:

Unable to load asset: images/img.png

這是因為在pubspec.yaml文件中的assets:配置不正確,代碼對齊格式必須正確,不然就會出現(xiàn)圖片加載不出來的情況

如上圖所示,因為assets:是屬于flutter下的項,所以assets:前面所留的空格必須是和flutter的其他項對齊,這樣才能正確加載出圖片。

注意:必須按照規(guī)定格式來,多一個或者少一個空格都不行!

?著作權(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ù)。

相關(guān)閱讀更多精彩內(nèi)容

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