Flutter开发之图片加载（九）

移动开发少不了显示图片，今天就介绍 fluter中如何加载图片，图片加载一般分为本地加载和网络加载。

本地加载

1. 在工程下建一个New Floder 文件夹名：images
   

2. 将准备好的图片拖到 images 文件夹下（我传一个名为：banner.png 的图片）
   

3. 在pubspec.yaml中配置图片
   搜索关键字：assets
   配置如下

  assets:
    - images/banner.png

4. 使用与加载效果如下：

child: Image.asset('images/banner.png')

网络加载

1. 加载网络图片的方法（一定要在外网环境）

child: Image.network('https://picsum.photos/250?image=9')

2. 效果
   

总结：两种基本的加载图片的方式。还有一些带占位图加载方法可以自己研究，最基本的会了，高级的后期用到慢慢研究。