@override
Widget build(BuildContext context) {
// TODO: implement build
String imageNetwork = "http://pic41.nipic.com/20140514/5295460_234432363121_2.jpg";
return Center(
child: Container(width: 180, height: 180,
//画一个（椭）圆的容器
//如果父视图 有大小，那么按父视图的大小画椭圆
//如果父视图没有大小，通过radius控制backgroundImage的大小
child: CircleAvatar(
// radius: 50,//半径，图形放大是radius的2倍
//foregroundColor：子视图中文字的颜色
//不设置backgroundColor和foregroundColor，CircleAvatar默认背景色是灰色
//不设置backgroundColor，backgroundColor的颜色随foregroundColor变化而变化，但与foregroundColor色值不同
//同时设置backgroundColor、backgroundImage，能直接看到的是backgroundImage
foregroundColor: Colors.red,
child: Text("flutter学习中。。。。"),
backgroundColor: Colors.brown,
backgroundImage: NetworkImage(imageNetwork),
),
),
);
}
Flutter 圆角（四）CircleAvatar
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 前言在UI开发中，设计稿中经常有既有边框，又有圆角的设计，在flutter中，设置圆角和边框都很简单，但是要把这两...
- flutter中设置圆角一般是通过Container中的decoration:去设置的，案例如下： 效果如下图： ...
- UI 设计中经常出现圆角的 Button 或者带有背景色的圆角控件(TextView、Button 等等)，在 A...
- 图片 1. 本地图片 Image.asset 加载项目资源包的图片 Image.file 加载手机内置或外置存储的...
