Flutter Widget溢出父项（标签栏超大项）

Question

我想要一个看起来像这样的标签栏：

注意中间的“我的ID”按钮。

这是我的主要问题：  显然，我需要一个SafeArea来处理不规则形状的屏幕，该屏幕本身需要嵌入到Container中，以便为条形图赋予背景色。但是，通过这样做，如何在中心创建“加大”按钮？

Answer 1

花了几个小时将我的头撞在墙上后，找到了一个不太优雅的解决方案。 （嘿，但是有效）

这是结果的图片。

所以我实现它的方法实际上是通过两层。

小部件树的基础是Stack，其中包含此页面上当前看到的所有内容。

实际的条窗口小部件具有文本和图标（“我的ID”部分仅具有文本而没有图标，但是使用占位符SizedBox代替图标，否则将出现在此处）

通过使用堆栈，我可以将圆形图标放置在整个栏的顶部，就像FloatingActionButton