Flutter - 滑动时隐藏 FAB 按钮

Question

我有一个带有 TabBarView 和 FloatingActionButton 的脚手架。每当我滑动到最后一个选项卡时，我都想隐藏这个 FAB。为此，我编写了以下代码:

@override
  void initState() {
    super.initState();

    widget._tabBarController = new TabController(length: 3, vsync: this);
    widget._tabBarController.addListener(() {
      if (widget._tabBarController.index == 2) {
        setState(() => widget._visibleFab = false);
      } else {
        setState(() => widget._visibleFab = true);
      }
    });
  }

带有脚手架的 FAB 按钮

Visibility(
  visible: widget._visibleFab,
  child: FloatingActionButton.extended(
  elevation: .75,
  label: new Text("My Action Button",
  style: TextStyle(
    fontWeight: FontWeight.w900,
    color: statusColor,
    letterSpacing: 0.2)),
  onPressed: () {

  },
  backgroundColor: Colors.white,
  icon: Icon(Icons.chat, color: statusColor),
  isExtended: true,
))

它可以工作，但是当我滑动到最后一个标签时，它需要大约半秒才能隐藏。除非我直接触摸最后一个选项卡，而不是滑动页面，否则它会立即隐藏。

这是为什么？

Answer 1

如果您不需要 Fab，请将您的构建方法更改为返回 null。

例如。

 floatingActionButton: _createFloatingActionButton(),

 Widget _createFloatingActionButton() {
    if (!_tfFabVisible) {
      return null;
    }
    return FloatingActionButton(
      onPressed: _btnSubmitPressed,