为什么容器小部件内 Circleavatar 的给定半径不起作用

Question

这是我的代码..

  Container(
           width: 400,
           height: 250,
           decoration: BoxDecoration(
             gradient:LinearGradient(
               colors: <Color>[
                 Colors.purpleAccent,
                 Colors.pink,
               ]
             ),
             borderRadius: BorderRadius.circular(10),
           ),
           child: CircleAvatar(
             backgroundImage: AssetImage('images/images.jpg'),
              radius: 1,
           ),
         ),

在上面的代码中，我给出的半径是 1，但它不起作用，而是图像将全尺寸作为容器的给定高度。

这是输出图像，这里给图像的半径是 1，但它仍然占据了整个容器 space。

Answer 1

尝试用 Center 小部件包装您的 CircleAvatar 以查看它是否受到约束：

Container(
        width: 400,
        height: 250,
        decoration: BoxDecoration(
          gradient: LinearGradient(colors: <Color>[
            Colors.purpleAccent,
            Colors.pink,
          ]),
          borderRadius: BorderRadius.circular(10),
        ),
        child: Center(
          child: CircleAvatar(
            backgroundImage: AssetImage(
              'images/images.jpg',
              fit: BoxFit.cover,
            ),
            radius: 5,
          ),
        ),
      )

为什么容器小部件内 Circleavatar 的给定半径不起作用

Why the given radius to Circleavatar inside a container widget is not working

containers

dart

flutter