title: Remove highlight when Flutter's TabBar is tapped
body: <p>I'm trying to implement my own TabBar design in flutter. I was able to get a pretty good result. However, when I tap another tab to change the tab, there is a highlight create by default as shown in the image <a href="https://i.stack.imgur.com/XBwMg.png" rel="noreferrer">here</a>. I'm wondering if there is any way I can get rid of the square highlight on tapped. I've been looking around for like almost a day not and did not find any solution.</p>
  
  <p>If anyone have any solution please let me know. Thanks.</p>
  
  <p>Edited: as CopsOnRoad suggestion I wrapped the TabBar in the Container and set the color to <code>Colors.transparent</code>, but it does not really disappear so I tried to set the color to <code>Theme.of(context).canvasColor</code> for now.</p>
  
  <pre><code>    Container(
        color: Theme.of(context).canvasColor,
        child: TabBar(
          isScrollable: true,
          indicator: ShapeDecoration(
            color: Color(0xFFE6E6E6),
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(99.0)
            )
          ),
          tabs: List&lt;Widget&gt;.generate(
            categories.length,
            (index) =&gt; Tab(
              child: Text(
                categories[index],
                style: TextStyle(
                  fontFamily: 'Hiragino Sans',
                  fontWeight: FontWeight.bold,
                  fontSize: 18.0,
                  color: Color(0xFF4D4D4D),
                ),
              ),
            )
          ),
        )
      )
  </code></pre>