Flutter 圆角(四)CircleAvatar

@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)