@override
Widget build(BuildContext context) {
// TODO: implement build
String imageNetwork = "http://pic41.nipic.com/20140514/5295460_234432363121_2.jpg";
Image testImage = Image.network(imageNetwork, height: 80, width: 80,);
return Center(
child: Container( //width: 180, height: 180,
//从最外层容器向里依次查找容器是否设置了大小，有大小，则执行靠外层容器的大小
//代码中容器都没有设置大小，按Image设置的大小执行
//Image也没有设置大小，则取屏幕大小
//BorderRadius.circular的值<=最终所取宽度的1/2时，正常展示
//BorderRadius.circular的值>最终所取宽度的1/2时，展示宽度的1/2切的圆
child: ClipRRect(
borderRadius: BorderRadius.circular(50),
child: testImage,
),
),
);
}
Flutter 圆角（三）ClipRRect
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 前言在UI开发中，设计稿中经常有既有边框，又有圆角的设计，在flutter中，设置圆角和边框都很简单，但是要把这两...
- flutter中设置圆角一般是通过Container中的decoration:去设置的，案例如下： 效果如下图： ...
- UI 设计中经常出现圆角的 Button 或者带有背景色的圆角控件(TextView、Button 等等)，在 A...
- 图片 1. 本地图片 Image.asset 加载项目资源包的图片 Image.file 加载手机内置或外置存储的...
