如何使用AppBar底部设置2级/行的TabBar?

时间:2019-05-04 12:58:49

标签: flutter tabbar

是否可以使用AppBar底部设置2级或TabBar行,或者我需要使用其他方法?

下面是代码和期望的图像:

Widget build(BuildContext context) {

    return new DefaultTabController(
        length: 2,
        child: new Scaffold(
          appBar: new AppBar(
            elevation: 0,
            centerTitle: false,
            bottom: new TabBar(
              tabs: <Widget>[
                new Tab(
                  text: "Tab1",
                ),
                new Tab(
                  text: "Tab2",
                ),
              ]
            ),

          ),

          body: new TabBarView(
            physics: NeverScrollableScrollPhysics(),

            children: <Widget>[
              new Container(
                child: Center(child: Text("Tab1 here"))
              ),
              new Container(
                  child: Center(child: Text("Tab2 here"))
              ),
            ]


          )

        )
    );
  }

2个级别/行的TabBar

0 个答案:

没有答案