Flutter images圖片不能顯示的坑

發布時間:2020/4/12 0:02:07來源:我愛官方 點擊 0
<p>
  flutter添加本地圖片資源引用時,圖片死活不出來,按視頻教程操作的,最后在提示的代碼中發布了問題。
</p>
<p>
  要想使用本地的圖片需要進行二項操作:
</p>
<p>
  第一步:先在項目根目錄下新建文件夾,assets,然后在assets下新建images文件夾,并把需要的圖片放到images文件夾下。同時在images文件夾下新建2.0x,3.0x文件夾,把2.0,3.0倍的圖片放到對應的2.0x,3.0x文件夾下。
</p>
<p>
  <img src="http://static.5iads.cn/image/20200412/20200412000234673467.png" alt="" />
</p>
<p>
  第二步:打開 pubspec.yaml 文件,并在assets下把圖片的路徑寫下來。
</p>
<p>
  <img src="http://static.5iads.cn/image/20200411/2020041123480419419.png" alt="" />
</p>
<p>
  <br />
</p>
<p>
  這里需要注意assets的位置要跟上面的user-material-design對齊,下面的圖片的 -&nbsp;前面都有一個空格,如果有多個圖片就寫多個路徑。
</p>
<p>
  <br />
</p>
<p>
  最后還要flutter packages get
</p>
<p>
  <br />
</p>
<p>
  這樣就可以了,
</p>
<p>
  按教程來說,images是直接建立在根目錄下的,但如果不要assets目錄就會報錯,
</p>
<p>
  原來源代碼是這樣寫的package:flutter/src/services/asset_bundle.dart<br />
<img src="http://static.5iads.cn/image/20200411/20200411235928032803.png" alt="" />
</p>
<p>
  所以我就把assets文件夾建立,把images下到assets文件夾就正常顯示了。
</p>
掃二維碼打開公告

0 個回答

,全世界都等著看你的驚世評論!
Copyright 2009-2020 我愛廣告任務網 版權所有  粵ICP備11078991號-1  ICP證:粵B2-20130544 粵公網安備 44030802000523號

×

我愛官方微信二維碼

打開微信,點擊右上角的“魔法棒”,選擇“掃一掃”功能,對準下方二維碼即可。

免費注冊 收藏本站 官方新人群
返回頂部
gpk钱龙捕鱼挂 怎么开户玩股票 福建体彩31选7第18001 20选5什么时候开奖 股票微信群是真的吗 河南快3游戏 11选5云南一定牛 买中国体育彩票顶呱刮 股票分析软件 北京快三开奖一定牛 赚钱的网络游戏