How to customize the TabBar indicator width and height?

Posted by Jessica Taylor | Updated on

How to customize the TabBar indicator width and height?

You can use a Container wrapped in a PreferredSize to size the TabBar. (The PreferredSize is only necessary if you want it to live in the bottom slot of an AppBar.) This has the effect of making the indicators appear narrower because the TabBar doesn’t fill the screen. However, the indicator has a hard coded height. If you don’t like it, you’ll have to import your own copy of tabs.dart and customize the constants in that file.


If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.

Related Questions & Answers