Flutter篇 CircleAvatar组件圆形

最新推荐文章于 2025-08-07 16:30:00 发布

原创最新推荐文章于 2025-08-07 16:30:00 发布 · 2.4k 阅读

2 ·

CC 4.0 BY-SA版权

Flutter、Dart 专栏收录该内容

24 篇文章

订阅专栏

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

效果如下：

实现代码：

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