flutter - 如何使用 Stack 进入 CircleAvatar

Question

我正在尝试将 Container 颜色作为 Stack 放在圆形头像上方，但问题是颜色超出了圆孔

我有以下代码，

                IntrinsicWidth(
                child: Stack(
                  alignment: Alignment.bottomCenter,
                  children: [
                    const CircleAvatar(
                      radius: 50,
                    ),
                    Container(
                      color: Colors.yellowAccent,
                      height: 30,
                    )
                  ],
                ),
              ) 

我得到以下输出

但我需要如下所示的输出

如何防止我的颜色扩展到圆宽度

谢谢

Answer 1

试试这个:

CircleAvatar(
  backgroundColor: Colors.yellow,
  radius: 100,
  child: Container(
    alignment: Alignment.bottomCenter,
    clipBehavior: Clip.antiAlias,
    decoration: BoxDecoration(shape: BoxShape.circle),
    child: Container(
      height: 40,
      width: double.infinity,
      color: Colors.red,
    ),
  ),
)