在 Flutter 中像 WhatsApp AppBar 一樣為 AppBar 設置動畫

Question

我想知道如何實現以下動畫。 Tabbar 滑動動畫與 AppBar 同步的位置（在 WhatsApp 中）。

我能夠為 AppBar 設置動畫。 但是無法將動畫與 TabBar 的滑動動畫同步。

如果有人可以幫助我，那就太好了。

我說的是當我們將頁面滑動到一邊時，appbar 通過向上滑動來隱藏的動畫。 我可以通過向上滑動來添加隱藏應用程序的動畫，但是將頁面幻燈片與 appbar 幻燈片鏈接起來。 是我要找的。

謝謝你！

Answer 1

TabBar 小部件具有顯示此動畫的默認配置。 只需初始化指標、指標大小和指標顏色參數。

TabBar(
  indicator: BoxDecoration(
    color: Color.fromRGBO(50, 51, 60, 1),
  ),
  labelColor: Colors.white,
  unselectedLabelColor: Colors.black,
  indicatorColor: Colors.black,
  indicatorSize: TabBarIndicatorSize.label,
  tabs: [],
),