图片部件：

    1. child: Image.network(
    2.  "xxx", // 网络图片
    3.  width: 260,
    4.  height: 100,
    5.  fit: BoxFit.fill,
    6.  ),
    8. child: Image.network(
    9.  "xxx", // 网络图片
    10.  width: 260,
    11.  height: 100,
    12.  fit: BoxFit.fill,
    13.  ),

    实现圆形图片：

    1. // 利用 DecorationImage 属性实现圆形图片
    2. child: Container(
    3.     width: 300,
    4.     height: 300,
    5.     decoration: BoxDecoration(
    6.         color: Colors.pink,
    7.         borderRadius: BorderRadius.circular(150),
    8.         image: DecorationImage(
    9.             image: NetworkImage(
    10.                 "https://images.pexels.com/photos/6922718/pexels-photo-6922718.jpeg?cs=srgb&dl=pexels-kira-schwarz-6922718.jpg&fm=jpg",
    11.             ),
    12.             fit: BoxFit.cover,
    13.         )
    14.     )
    15. ),
    17. // 方式二 ：使用 ClipOval 部件实现圆形图片 
    18. child: Container(
    19.     child: ClipOval(
    20.         child: Image.network(
    21.             'https://images.pexels.com/photos/6922718/pexels-photo-6922718.jpeg?cs=srgb&dl=pexels-kira-schwarz-6922718.jpg&fm=jpg',
    22.             width: 200,
    23.             height: 200,
    24.             fit: BoxFit.cover,
    25.         ),
    26.     ),
    27. ),

    加载本地图片：

    • 首先新建一个 images 文件夹
    • 在 images 文件内新建 2.0x 和 3.0x 文件夹
    • 然后在pubspec.yaml 文件内找到 flutter 字段，在它下方配置如下代码：
    1. flutter:
    2.   assets:
    3.     - images/pexels-kira-schwarz-6922718.jpg // pexels-kira-schwarz-6922718.jpg 更换成你的图片
    4.     - images/2.0x/pexels-kira-schwarz-6922718.jpg
    5.     - images/3.0x/pexels-kira-schwarz-6922718.jpg
    • 把你需要使用的图片存入对应的文件夹内，一般情况我们建议准备好三种尺寸的图片，因为flutter 会根据分辨率自动读取对应的图片
    1.  child: ClipOval(
    2.      child: Image.asset(
    3.          "images/pexels-kira-schwarz-6922718.jpg",
    4.          width: 200,
    5.          height: 200,
    6.          fit: BoxFit.cover,
    7.      ),
    8.  ),