[Flutter/dart] StackでWidgetの一部が途切れないようにする

現象

flutterでStack() Widgetを使うと、あるWidgetの上に別のWidgetを重ねることができる。しかし、上側のWidgetが下側のWidgetからはみ出ると、はみ出た分が途切れてしまう。

Stack(
  children: [
    CircleAvatar(
      child: Icon(Icons.person),
    ),
    Positioned(
      top: -8,
      left: 20,
      child:
        Icon(
          Icons.brightness_1,
          color: Colors.red,
        )
    )
  ],
)

左上が途切れてしまっている

解決策

StackのoverflowプロパティをOverflow.visibleにする。

これではみ出した部分も途切れず表示されるようになる。

（Stackのoverflowって例のサイトみたい、、、）

Stack(
  overflow: Overflow.visible,  //←これ!
  children: [
    CircleAvatar(
      child: Icon(Icons.person),
    ),
    Positioned(
      top: -8,
      left: 20,
      child:
        Icon(
          Icons.brightness_1,
          color: Colors.red,
        )
    )
  ],
)

左上も表示された

以上