title: How to remove bottom from default tab bar
body: <p>I need to add a tab bar without an app bar and I got a solution from StackOverflow to use flexible space and it is working but it makes additional unwanted space in tab bar bottom<br>How to remove this or hide this?</p>
  
  <p><Br>
  My full code </p>
  
  <pre><code>import 'package:flutter/material.dart';
  
  class TemplesListingWithTabMode extends StatefulWidget {
    TemplesListingWithTabMode({Key key}) : super(key: key);
  
    @override
    _TemplesListingWithTabModeState createState() =&gt;
        _TemplesListingWithTabModeState();
  }
  
  class _TemplesListingWithTabModeState extends State&lt;TemplesListingWithTabMode&gt; {
    @override
    Widget build(BuildContext context) {
      return Column(
        children: &lt;Widget&gt;[
  
          Container(
            height: MediaQuery.of(context).size.height-kToolbarHeight-kMaterialListPadding.top-kTabLabelPadding.top,
            child: DefaultTabController(
              length: 2,
              child: Scaffold(
                appBar: AppBar(
                  backgroundColor: Colors.white,
                  flexibleSpace: TabBar(
                      indicatorColor: Colors.pink,
                      tabs: [
                    Tab(
                      child: Text("ALL",style: TextStyle(color: Colors.pink),),
                    ),Tab(
                      child: Text("Favorites",style: TextStyle(color: Colors.pink),),
                    )
                  ]),
                ),
                body  : Container(
                  color: Colors.grey,
                  child: TabBarView(
  
                      children: [
                        ListView.builder(
                            itemCount: 100,
                            itemBuilder: (context,index){
                          return Container(
                            child: Center(
                              child: Padding(
                                padding: const EdgeInsets.all(8.0),
                                child: Text("i am $index"),
                              ),
                            ),
                          );
                        }),
                        ListView.builder(
                            itemCount: 5,
                            itemBuilder: (context,index){
                              return Container(
                                child: Center(
                                  child: Padding(
                                    padding: const EdgeInsets.all(8.0),
                                    child: Text("i am $index"),
                                  ),
                                ),
                              );
                            })
                  ]),
                ),
              ),
            ),
          )
        ],
      );
    }
  }
  </code></pre>
  
  <p><br></p>
  
  <p><a href="https://i.stack.imgur.com/4soLN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4soLN.png" alt="Flutter flexibleSpace issue"></a>
  <br><br>
  The solution provided by @Darshan is not solved my issue and the solution is <br>
  Wrap TabBar in SafeArea widget.
  and the result is <br>
  <a href="https://i.stack.imgur.com/DHmKN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DHmKN.png" alt="enter image description here"></a>
  <br>How to remove this small bottom from appbar?</p>