如何使 TabBarView 在 CustomScrollView 中工作？

Question

我有一个底部是 TabBar 的 AppBar，所以我放在 CustomScrollView 上的第一件事就是

• SliverAppBar

然后我希望主体是 TabBarView，所以我想将 TabBarView 与 SliverToBoxAdapter 放在一起，但是问题出现了，因为 TabBar 的内容是一个覆盖视口剩余部分的网格，如果我将简单地得到错误将它放在具有无限高度限制的 TabBarView 中，因此我决定将第二个条子放在我的 CustomScrollView 上

• SliverAppBar
• SliverFillRemaining

它通过将我的 TabBarView 限制为剩余视口的大小来解决上述问题，但是会弹出另一个问题，因为现在我有 2 个不同的可滚动小部件，一个 sliver 一个和一个非 sliver 一个，如果我滚动网格我的（sliver） AppBar 不会做出反应，因为它不是主滚动小部件。

即使滚动的 AppBar 只是 TabBarView 中的一个 GridView，我也希望 (sliver) AppBar 缩小，该怎么做？

Answer 1

CustomScrollView(
  controller: _scrollViewController,
  slivers: [
    SliverAppBar(
      backgroundColor: Color(0xff191919),
      shadowColor: Color(0xff191919),
      elevation: 10,
      forceElevated: true,
      expandedHeight: 87,
      collapsedHeight: 57,
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.vertical(
          bottom: Radius.circular(12),
        ),
      ),
      floating: true,
      pinned: true,
      snap: true,
      stretch: false,
      primary: false,
      automaticallyImplyLeading: false,
      title: Text('Title of Header'),
      bottom: PreferredSize(
        preferredSize: Size.fromHeight(50.0),
        child: TabBar(
          tabs: [
            Tab(
              text: 'Tab One',
                     
            ),
            Tab(
              text: 'Tab Two',
                     
            ),
            
          ],
          isScrollable: true,
          indicatorColor: Color(0xffe10d37),
          indicatorSize: TabBarIndicatorSize.tab,
          labelColor: Color(0xfff1f1f1),
          indicatorPadding: EdgeInsets.only(bottom: 3),
          
        ),
      ),
    ),
    SliverFillRemaining(
      child: TabBarView(
        controller: _tabController,
        children: [
          _widgetOne,
          _widgetTwo
        ]
        ),
      ),
    )
  ],
);