将固定的小部件放在TabBarView上方

Question

我想构建一个UI，在该UI上我的屏幕顶部有一些固定的小部件（在所有选项卡上都可见），然后在它们下面我想要一个TabBarView（选项卡栏位于底部），这可能会导致您不自己的标签小部件，还是TabBarView必须占据整个屏幕？

Answer 1

认为我在这里找到了答案： https://camposha.info/course/flutter-widgets/lesson/flutter-nested-tabbar/

Answer 2

这是我的方法：

return Scaffold(
        body: Stack(
      children: [
        Container(
            alignment: Alignment.topCenter,
            child: Image.asset('assets/images/logo.png',
                fit: BoxFit.fitWidth, width: Get.width / 2.5)),
        Align(
          alignment: Alignment.bottomCenter,
          child: DraggableScrollableSheet(
            initialChildSize: 0.7,
            minChildSize: 0.7,
            builder:
                (BuildContext context, ScrollController scrollController) =>
                    SingleChildScrollView(
              controller: scrollController,
              child: DefaultTabController(
                  initialIndex: 0,
                  length: 2,
                  child: Column(
                    children: [
                      TabBar(tabs: <Widget>[
                        Tab(child: Text('Text1')),
                        Tab(child: Text('Text2'))
                      ]),
                      Container(
                        height: MediaQuery.of(context).size.height,
                        child: TabBarView(
                          children: <Widget>[Widget1(), Widget2()],
                        ),
                      )
                    ],
                  )),
            ),
          ),
        ),
      ],
    ));