flutter - Flutter Widget Overflow Parent（Tabbar 超大项目）

Question

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

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

所以这是我的主要问题：显然我需要一个SafeArea来处理不规则形状的屏幕，它本身需要嵌入一个容器中，这样我就可以给栏它的背景颜色。但是，通过这样做，我怎样才能在中心创建“超大”按钮？

标签： flutterdart

Answer 1

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

这是结果的图片。

所以我让它工作的方式实际上是有两层。

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

实际的栏小部件有文本和图标，（我的 ID 部分只有文本没有图标，但使用占位符SizedBox代替图标，否则会在那里）

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