我如何覆盖Flutter TabBar选项卡以用作FloatingActionButton？

Question

我正在尝试实现此功能：

，以便最后一个选项卡用作FAB，在点击时，它将显示两个顶部按钮。有什么办法吗？

Answer 1

是的，一种简单的解决方法是使用Visibility小部件。

只需将包含按钮的列包装在可见性小部件中。

例如

bool isClicked = false;

Visibility(
  visible: isClicked,
  child: Column(
    children : [
     Icon(Icons.phone),
     Icon(Icons.user),
     ],
   )
),

现在在您的Fab项目中执行以下操作：

FabItem(
    "Contacto",
    Icons.phone,
    onPress: () {
    _controller.reverse();
    sisClicked  = true;
    },
),

For more on visibility widget.