将固定小部件放在 TabBarView 上方答案

【问题标题】：Put fixed widget above TabBarView将固定小部件放在 TabBarView 上方
【发布时间】：2019-09-23 01:36:56
【问题描述】：

我想构建一个 UI，在我的屏幕顶部有一些固定的小部件（在所有选项卡上可见），然后在它们下方我想要一个 TabBarView（底部有选项卡栏），这是否可以不让你的自己的标签小部件还是 TabBarView 必须占据整个屏幕？

【问题讨论】：

标签： layout dart flutter tabs widget

【解决方案1】：

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

【讨论】：

您能否指定正确答案，然后添加参考。

【解决方案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()],
                        ),
                      )
                    ],
                  )),
            ),
          ),
        ),
      ],
    ));

【讨论】：