如何在没有app bar的情况下创建标签栏?

前端之家收集整理的这篇文章主要介绍了如何在没有app bar的情况下创建标签栏?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我希望在主屏幕上添加标签应用而不是应用栏.如何创建它.目前,我的标签添加在应用栏的底部,我已删除标题和标高.同时,我不能说appBar:null,因为我需要在标签栏的顶部有一些空格.

Widget HoMetap = new Scaffold(

appBar: new AppBar(
bottom: new TabBar(

    indicatorColor: Colors.pinkAccent[100],labelColor: Colors.pinkAccent[100],indicatorWeight: 0.5,unselectedLabelColor: Colors.grey[400],tabs: [
      new Tab(text: 'Album',),new Tab(text: 'Artist'),new Tab(text: 'Playlist'),new Tab(text: 'Songs'),new Tab(icon: new Icon(Icons.search))
    ]),title: null,elevation: 0.0,body: new TabBarView(
children: [
  new Center(
    child: new AlbumWidget(),new Container(),],);

解决方法

颤动与作曲有关.你可以用其他东西替换任何小部件.他们不仅限于一个特定的孩子.

所以你可以做到

new Scaffold(
   appBar: new TabBar(
      ...
   ),...
)

唯一的要求是您的小部件具有正确的界面.
Scaffold需要appBar作为PreferredSizeWidget.

幸运的是,TabBar默认已经是PreferredSizeWidget.所以不需要改变

猜你在找的Flutter相关文章