String imageNetwork = "http://pic41.nipic.com/20140514/5295460_234432363121_2.jpg";
Image testImage = Image.network(imageNetwork, height: 80, width: 80,);
return Center(
//创建一个椭圆形剪辑
//1、从最外层容器向里找,找到第一个设置大小的容器,这时以这个容器大小为标准切圆
//2、如果代码中的容器均没有设置大小,那么以Image自己设置的大小为标准切圆
//3、如果Image也没有设置大小,那么以屏幕的大小为标准切圆
child: Container(width: 180, height: 280,
child: ClipOval(
child: SizedBox(height:280, width: 280,
child: testImage,
),
),
),
);
Flutter 圆角(二)ClipOval
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 前言在UI开发中,设计稿中经常有既有边框,又有圆角的设计,在flutter中,设置圆角和边框都很简单,但是要把这两...
- flutter中设置圆角一般是通过Container中的decoration:去设置的,案例如下: 效果如下图: ...
- UI 设计中经常出现圆角的 Button 或者带有背景色的圆角控件(TextView、Button 等等),在 A...
- 图片 1. 本地图片 Image.asset 加载项目资源包的图片 Image.file 加载手机内置或外置存储的...