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号

×

我爱官方微信二维码

打开微信,点击右上角的“魔法棒”,选择“扫一扫”功能,对准下方二维码即可。

免费注册 收藏本站 官方新人群
返回顶部