flutter 设置圆角图片三种方式

123.png

1.ClipRRect可设置添加默认图片

ClipRRect(

    borderRadius: BorderRadius.circular(10),

    child: FadeInImage.assetNetwork(

      placeholder: 'assets/images/pic_mes_blank.png',

      image:

          'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1565157302904&di=0b4e458fd1a51902c2fdad733da23c3a&imgtype=0&src=http%3A%2F%2Fe.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F4610b912c8fcc3cef70d70409845d688d53f20f7.jpg',

      width: double.infinity,

      fit: BoxFit.cover,

      height: ScreenUtil().setWidth(150.0),

    )),

2.BoxDecoration

Container(

                  width: double.infinity,

                  height: ScreenUtil().setWidth(150.0),

                  decoration: BoxDecoration(

                      borderRadius: BorderRadius.circular(10),

                      image: DecorationImage(

                        image: NetworkImage(

                            'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1565157302904&di=0b4e458fd1a51902c2fdad733da23c3a&imgtype=0&src=http%3A%2F%2Fe.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F4610b912c8fcc3cef70d70409845d688d53f20f7.jpg'),

                        fit: BoxFit.cover,

                      ))

                  ),

3.ShapeDecoration

Container(

                  width: double.infinity,

                  height: ScreenUtil().setWidth(150.0),



                  decoration: ShapeDecoration(

                      shape: BeveledRectangleBorder(

                      borderRadius: BorderRadius.circular(10)

                      ),

                      image: DecorationImage(

                        image: NetworkImage(

                          'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1565157302904&di=0b4e458fd1a51902c2fdad733da23c3a&imgtype=0&src=http%3A%2F%2Fe.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F4610b912c8fcc3cef70d70409845d688d53f20f7.jpg',),

                        fit: BoxFit.cover,

                      )),

                  ),