如何在顫振中嵌套標簽？

Question

如何在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),
                    ],
                  ),
                ],
              ),
            ),

Answer 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),
                    ],
                  ),
                  ),
                ],
              ),
            ),
            ),
            ])))