dartmaterial-designflutter

How to customize tabbar width in flutter?

Hi can we customize tabbar width in flutter ? my tabbar width is fixed in here so when i have long text in my tabbar it will not shown completetly, i want to make my tabbar width is flexible base on the content so when my text is just short text the tabbar width will be small and when the text is long text the tabbar width be bigger than the short text tab. I've been try search it on internet but i can't found any answer to fix my issues.

enter image description here

Solution 
  • TabBar(isScrollable: true)

    Makes a scrollable tab bar. it's useful when your tab text content or number of your tabs doesn't fit into display size.

    or maybe you can do something like this:

    child: TabBar(
            tabs: [
              Container(
                width: 30.0,
                child: Tab(text: 'hello'),
              ),
              Container(
                  child: Tab(text: 'world'),
              ),
            ],
          )