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

由 发布于 flutterflutter-layout
 收藏

我正在尝试实现此功能：

enter image description here

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

评论
Yi心情
Yi心情

Yes, one simple way to go about it is to use the Visibility widget.

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

例如

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.

点赞
评论