将固定小部件放在 TabBarView 上方

Posted 2023-02-23

【中文标题】将固定小部件放在 TabBarView 上方

【英文标题】：Put fixed widget above TabBarView

【发布时间】：2019-09-23 01:36:56

【问题描述】：

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

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