Question

因此，我试图减小appBar的大小，所以我使用了appbar，因为我遵循了实现TabBar的教程，并且使用了AppBar。.我觉得它们的大小都存在冲突

图片参考：

如您所见，标签栏下方有一些空间，我不希望该空间出现... 下面是我的代码

child: Scaffold(
            appBar: AppBar(
              toolbarHeight: 48,
              backgroundColor: Colors.grey[850],
              automaticallyImplyLeading: false,
              flexibleSpace: TabBar(
                indicatorColor: Colors.white,
                tabs: [
                  Tab(
                    text: 'Venue',
                  ),
                  Tab(
                    text: 'Map',
                  )
                ],
              ),
            ),
            body: TabBarView(
              children: [Venue(), Map()],
            ),
          ),

Answer 1

我是一个初学者，但这是我的TabbedBar代码。我实现了透明的应用栏，因此您可以根据需要将其删除。如果需要，我可以进一步详细说明，其他人可能会有更好的建议，甚至可以纠正我的摘录中的内容。

另外，您是如何使底部导航上的路由正常工作的？或请向我提供您遵循的链接tp教程

child: new Scaffold(
    appBar: new PreferredSize(
      preferredSize: Size.fromHeight(kToolbarHeight),
      child: new Container(
        color: Colors.transparent,
        child: new SafeArea(
          child: Column(
            children: <Widget>[
              new Expanded(child: new Container()),
              new TabBar(
                indicatorSize: TabBarIndicatorSize.label,
                indicatorWeight: 02.0,
                unselectedLabelStyle:
                TextStyle(fontWeight: FontWeight.w400),
                unselectedLabelColor: Colors.black54,
                indicatorColor: Colors.black,
                tabs: [
                  new Text("KINGS",
                      style: TextStyle(color: Colors.black)),
                  new Text("QUEENS",
                      style: TextStyle(color: Colors.black)),
                  new Text("HEIRS",
                      style: TextStyle(color: Colors.black)),
                ],
              ),
            ],
          ),
        ),
      ),
    ),
   body: new TabBarView(
      children: <Widget>[

        new PageView(

          physics: BouncingScrollPhysics(),
          scrollDirection: Axis.vertical,
          controller: controller,
          children: [
            Image.asset('images/man1.png', fit: BoxFit.cover
            ),
            Image.asset('images/man5.png', fit: BoxFit.cover
            ),
          ],
        ),       
       );

TabBar和AppBar冲突

1 个答案: