美文网首页
Flutter 圆角(二)ClipOval

Flutter 圆角(二)ClipOval

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

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