Flutter TabBar Without AppBar : <p>I am trying to create a tabbed bar layout screen without the AppBar though. I have already referred to the solution on this link: <a href="https://stackoverflow.com/questions/49622103/how-to-create-the-tab-bar-without-app-bar-in-flutter">how to create the tab bar without app bar in flutter?</a> but it is not working for me. Here is what my screen looks like when I place TabBar in the <code>appbar:</code> parameter:</p>

<p><a href="https://i.stack.imgur.com/7ztjP.png" rel="noreferrer"><img src="https://i.stack.imgur.com/7ztjP.png" alt="enter image description here"></a></p>

<p>My TabBar has moved to the top left corner under the status bar and its all squeezed in one corner. It's almost as if it's not there at all. </p>

<p>When I use the AppBar class but only pass the <code>bottom:</code> parameter here is what happens:</p>

<p><a href="https://i.stack.imgur.com/oUeKZ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/oUeKZ.png" alt="enter image description here"></a></p>

<p>There is an ugly space on top of the TabBar which is obviously meant for the AppBar title. Here is my code:</p>

<pre><code>return new Scaffold(
      appBar: new TabBar(
        tabs: widget._tabs.map((_Page page){
          return Text(page.tabTitle);
        }).toList(),
        controller: _tabController,
        isScrollable: true,

      ),
      backgroundColor: Colors.white,
      body: new TabBarView(
          controller: _tabController,
          children: widget._tabs.map((_Page page){
            return new SafeArea(
                top:false,
                bottom: false,
                child: (page.page == Pages.cart?new CartHomeScreen():_lunchesLayout())
            );
          }).toList()
      ),
    );
</code></pre>

<p>How can I just have TabBar without that space on top and is it possible to make the two tab items and their indicators to stretch and fill the side spaces?</p>
