为什么如果用的图片是方形，就裁剪不成功？

Question

child: Container(
        child: Row(
          children: [
            const SizedBox(width: 10),
            SizedBox(
              height: 55,
              width: 55,
              child: CircleAvatar(
                radius: 55.0,
                backgroundColor: Theme.of(context).colorScheme.surface,
                child: Image.asset(
                  'assets/images/welcome01.png',
                ),
              ),
            ),

就是原代码，完全没改，但是把图片地址换成任意的不是圆形的普通图片，比如换成欢迎页的welcome01.png，头像就显示的是方形，不是圆形？那这个组件不是很傻吗？只能用背景是透明的头像，那用户自己上传自己的照片也不是圆形了

Answer 1

haharsw 2024-12-18 18:41:20

头像组件不是要用户自己选择图片上传吗？其它情况我没测试，如果不符合你的要求，你可以改改代码，有问题问 copilot

• 提问者 zippen #1

  这个就是头像组件啊？你在说啥。。。再说了，用户的照片肯定是方形的啊

• haharsw 回复 提问者 zippen #2

  CircleAvatar 是系统提供的，最终显示用户头像也不会用这个，会自己创建的。觉得系统组件不能满足你的时候，你就自己开发一个。

• 提问者 zippen 回复 haharsw #3

  回复 haharsw：ok，那显示用户头像用哪个组件，能给个关键字吗？

点开查看后面2条评论