android - 滚动轮播、默认选项卡 Controller 和 GridView 在 flutter 中合而为一

Question

我有一个这样的设计。

我想要的是，当我向上滚动 GridView 时，轮播向上滚动，并且选项卡 Controller 保持在顶部固定位置。所有这些都应该在一卷轴中完成。我之前已经使用自定义滚动和条 GridView 完成了此操作，但我不知道如何在自定义 ScrollView 中添加默认选项卡 Controller 并使其保持固定在顶部。

感谢您的帮助:)

Answer 1

我尝试了下面的代码希望它能解决您的问题....

您还可以在 DartPad NestedScrollView 上使用此代码

NestedScrollView(
      physics: ClampingScrollPhysics(),
      headerSliverBuilder: (context, value) {
        return [
          SliverToBoxAdapter(
            /// _buildCarousel() in your case....
            child: Container(
              height: 200,
              child: Center(
                child: Text("Your Carousel will be here"),
              )
            ),
          ),
          SliverToBoxAdapter(
            child: TabBar(
              labelColor: Colors.blue,
              unselectedLabelColor: Colors.black,
              controller: tb,
              tabs: <Widget>[
                Tab(child: Text("tab1"),),
                Tab(child: Text("tab2"),)
              ],
            )
          ),
        ];
      },
      body: TabBarView(
        controller: tb,
        children: <Widget>[
          GridView.count(
            physics: NeverScrollableScrollPhysics(),
              crossAxisCount: 3,
              children: List.generate(10,
                      (index) =>  Icon(Icons.grid_off)
              ).toList()
          ),
          GridView.count(
              physics: NeverScrollableScrollPhysics(),
              crossAxisCount: 3,
              children: List.generate(5,
                      (index) =>  Icon(Icons.grid_on)
              ).toList()
          ),
        ],
      ),
    )