Flutter 本地图片加载assets

在Flutter 文档中关于本地图片加载使用assets。以下步骤对应此目录结构说明。


截屏2020-07-03下午3.09.57.png
  • 正常步骤:
    - 在根目录下,新建文件images,将你需要的图片拖入此目录。
    - 找到上图中的pubspec.yaml, 打开并找到下图所示的assets。此处用来处理所有本地图片连接资源。
    截屏2020-07-03下午3.13.18.png

    - 打开注释,在这个地方添加你需要显示的图片。
    截屏2020-07-03下午3.15.44.png

注意:
可能出现的俩个问题。

  • 直接打开assets,报错如下:
    截屏2020-07-03下午3.18.34.png

    这是因为在assets前面多出一个空格导致的,去掉一个空格即可。

    如图:
    截屏2020-07-03下午3.20.00.png
  • 当你有很多本地图片需要加载时,不可能每一张图片都采取

 assets:
    - images/a_dot_burr.jpeg
    - images/a_dot_ham.jpeg

so, 你可以像这样写,就可以引用所有的images里面得图片,

 assets:
    - images/

你可能感兴趣的:(Flutter 本地图片加载assets)