如何在颤振中嵌套标签?

时间:2021-07-11 06:54:17

标签: flutter

如何在flutter中将选项卡视图嵌套为列的子项?

我不想将标签添加为应用栏 bottom 的子项,因为我的标签不在顶部。它在身体的某个地方。

所以我尝试了上面的方法,并且我尝试将它包裹在一个嵌套的脚手架中。它们似乎都不起作用。

以下是我尝试过的。

      body: SingleChildScrollView(
        physics: BouncingScrollPhysics(),
        child: Container(
          child: Column(children: [
            Container(
              padding: EdgeInsets.all(10),
              child: TextInput(
                placeholder: 'Search',
                leadingIcon: searchIcon,
              ),
            ),
            DefaultTabController(
              length: 3,
              child: Column(
                children: [
                  TabBar(
                    tabs: [
                      Tab(icon: Icon(Icons.directions_car)),
                      Tab(icon: Icon(Icons.directions_transit)),
                      Tab(icon: Icon(Icons.directions_bike)),
                    ],
                  ),
                  TabBarView(
                    children: [
                      Icon(Icons.directions_car),
                      Icon(Icons.directions_transit),
                      Icon(Icons.directions_bike),
                    ],
                  ),
                ],
              ),
            ),

1 个答案:

答案 0 :(得分:1)

给 tabcontroller 一个高度,然后用扩展包裹 tabbarview。

body: SingleChildScrollView(
        physics: BouncingScrollPhysics(),
        child: Container(
          child: Column(children: [
            Container(
              height:10,
              padding: EdgeInsets.all(10),
            ),
            Container(
              height:100,//add height as per your need
              child:DefaultTabController(
              length: 3,
              child: Column(
                children: [
                  TabBar(
                    tabs: [
                      Tab(icon: Icon(Icons.directions_car)),
                      Tab(icon: Icon(Icons.directions_transit)),
                      Tab(icon: Icon(Icons.directions_bike)),
                    ],
                  ),
                  Expanded(
                    child:TabBarView(
                    children: [
                      Icon(Icons.directions_car),
                      Icon(Icons.directions_transit),
                      Icon(Icons.directions_bike),
                    ],
                  ),
                  ),
                ],
              ),
            ),
            ),
            ])))