flutter - 黑屏中间有圆圈

Question

嗨，我正在尝试创建一个完全黑色的屏幕，除了中间的一个圆圈。我写了一些创建黑屏的代码：

       Stack(
         ...
          Positioned.fill(
                child: Container(
                       color: Colors.grey.withOpacity(0.5),
               )
          )
     )

但我面临的问题是我不知道如何在屏幕上打一个圆孔，以便它显示堆栈中它后面的内容。

提前感谢您的回答！

标签： flutterdartstyling

Answer 1

使用CircleAvatar绘制圆圈！将属性更改radius:为您想要的大小，比Containers(), 或FloatingActionButtons()

Container(
  color: Colors.black,
  Center(
    child: CircleAvatar(
      backgroundColor: Colors.red,
      radius: 20,
    ),
  ),
)

希望这可以帮助！