flutter中的圆形图片的两种实现方式

方式1：使用Container中的DecorationImage，代码如下

return Scaffold(
      body: Center(
        child: Container(
        width: 300,
        height: 300,
        decoration: BoxDecoration(
          color: Colors.green,
          borderRadius: BorderRadius.circular(150),
          // 圆形图片
          image: DecorationImage(
            image: NetworkImage('https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1067487824,1623759373&fm=26&gp=0.jpg'),
            fit: BoxFit.cover
          )
        ),
      ),
      ),
    );

方式2：使用ClipOval，代码如下：

return Center(
    child: Container(
          // 圆形图片
          child: ClipOval(
            child: Image.asset('images/a.jpg',
                height: 100,
                width: 100,
                fit: BoxFit.cover,
              ),
          ),
        )
  );

　flutter中使用本地图片：步骤

（1）新建文件夹，如图所示：

　　

 

　　需将图片文件放到不同目录下；

 （2）在pubspec.yml中声明：

　　

 效果如下：