flutter - 如何在 flutter 中创建没有应用栏的标签栏?

我希望在我的主屏幕上添加标签应用而不是应用栏。如何创建它。目前,我的标签栏添加在应用栏的底部,我已经删除了标题和高度。同时,我不能说 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 Container(),
  new Container(),
  new Container(),
],
),
);

最佳答案

Flutter 与组合一起工作。您几乎可以用其他东西替换任何小部件。他们不限于一个特定的 child 。

所以你可以简单地做

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

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

还好 TabBar 默认已经是一个 PreferredSizeWidget 了。所以不需要改变

https://stackoverflow.com/questions/49622103/

相关文章:

dart - 在 Flutter 中显示全屏图像 onTap

flutter - 导航器使用 pushNamed 传递参数

google-maps - Flutter:如何使用新的 Marker API 向 Google M

flutter - 如何在 Flutter 的文本输入字段中配置自动大写行为?

search - Flutter - 更改 SearchDelegate 的搜索提示文本

dart - 如何更改手机屏幕上的 flutter 应用程序名称显示?

android - Flutter - 如何使列屏幕可滚动

flutter - 如何在 flutter 中检索当前的类名?

dart - Flutter - 通过滑动或按下 floatingActionButton 来展开

android - 如何在文本小部件 flutter 中显示 html 字符串