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 加载手机内置或外置存储的...