flutter - 如何在向上滚动时隐藏应用程序栏，但在向下滚动时显示呢？

Question

我正在尝试实现在Android WhatsApp中看到的行为，并建议 Material 设计中的选项卡行为，检查建议here和视频
here。当我向下滚动时，我希望标签栏可见，但应用栏隐藏，这种行为也可以在中等的Android应用上看到。
我看到有一个更早的答案here，但它对我不起作用。
我尝试了几种方法，但嵌套滚动 View 对我不起作用。

 return DefaultTabController(
  length: 2,
  child:Scaffold(
    body: NestedScrollView(
      headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
        return <Widget>[
         SliverAppBar(
            title: Text("Application"),
            floating: true,
            pinned: true,
            snap: true,
            bottom: TabBar(
              tabs: <Tab>[
               Tab(text: "T"),
               Tab(text: "B"),
              ], // <-- total of 2 tabs
            ),
          ),
        ];
      },
      body: TabBarView(
        children: <Widget>[
         RandomWords(),
         RandomWords(),
        ], 
      ),
    ),
  ),
);

并尝试了这个

Scaffold(
   body: NestedScrollView(
     controller: _scrollViewController,
     headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
       return <Widget>[
         SliverAppBar(
           title: Text("N"),
           pinned: true,
           floating: true,
           forceElevated: innerBoxIsScrolled,
           //snap: true,
           bottom: TabBar(
             tabs: <Tab>[
              Tab(text: "T"),
              Tab(text: "B"),
             ],
             controller: _tabController,
           ),
         )
       ];
     },
     body: TabBarView(
       children: <Widget>[
         RandomWords(),
         RandomWords(),
       ],
       controller: _tabController,
     ),
   ),
 ),
);

我的代码可以使用 here。
有什么原因 NestedScrollView可能不起作用？

Answer 1

您可以使用SliverList和SliverAppBar