Flutter篇 CircleAvatar组件圆形

游码笔记

于 2021-02-20 10:30:06 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： Flutter、Dart

本文链接：https://blog.youkuaiyun.com/cxy18137478587/article/details/113877965

Flutter、Dart 专栏收录该内容

24 篇文章

订阅专栏

这段代码展示了如何在Flutter中创建一个CircleAvatar，背景色为amber，利用ScreenUtil库设置图片的宽度和高度以实现屏幕适配。 Avatar内部包含一个AssetImage，图片路径可以根据实际需求替换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果如下：

实现代码：

Container(
  child: CircleAvatar(
     backgroundColor: Colors.amber,
     radius: ScreenUtil().setSp(50),
     child:
        Image.asset('图片路径',width: ScreenUtil().setWidth(50),height: ScreenUtil().setHeight(50),),
                          ),
                        ),