美文网首页flutter
Flutter 圆角(四)CircleAvatar

Flutter 圆角(四)CircleAvatar

作者: 不做待宰的猴子 | 来源:发表于2019-07-12 15:47 被阅读0次
    @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

        本文链接:https://www.haomeiwen.com/subject/zzfykctx.html