Situation:
----------

I have a list called `tabsText` and I want to make tabs of each item from the list inside `TabBar`.
List is below:

```
List<String> tabsText = ["Top","Outdoor","Indoor", "Seeds", "Flowers"];

```

Tried:
------

I made a function called, `tabsMaker` like this.

```
tabMaker(){
  for (var i = 0; i < tabsText.length; i++) {
    return Tab(text: tabsText[i],);
};
}

```

And used this inside `TabBar` like this,

```
            child: DefaultTabController(
              length: 5,
                          child: ListView(
                children: [
                  TabBar(
                    isScrollable: true,
                    tabs: 
                      [
                        tabMaker()
                      ]
                  )
                ],
              ),
            ),

```

but gives an error like this   

**Controller's length property (5) does not match the number of tabs (1) present in TabBar's tabs
property.**

Question:
---------

I want this  

[![enter image description here](https://i.stack.imgur.com/tO9ZS.png)](https://i.stack.imgur.com/tO9ZS.png)

**How can I achieve this?**

Full Code:
----------

```
import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';

class PlantFeatureScreen1 extends StatefulWidget {
  @override
  _PlantFeatureScreen1State createState() => _PlantFeatureScreen1State();
}

class _PlantFeatureScreen1State extends State<PlantFeatureScreen1> {
  List<String> tabsText = ["Top","Outdoor","Indoor", "Seeds", "Flowers"];

 tabMaker(){
  for (var i = 0; i < tabsText.length; i++) {
    return Tab(text: tabsText[i],);
};
}
  @override
  Widget build(BuildContext context) {
    return Column(
      children:<Widget> [
        Expanded(
          flex:1,
          child: Container(

            decoration: BoxDecoration(
              color:Colors.grey,
            ),
            child: ListTile(leading: Icon(Icons.donut_small,size: 35,color: Color(0xFFC1C2C4), ),
            trailing: Icon(Icons.search,size: 35,color: Color(0xFFC1C2C4),),
            ),

        ),),
        Expanded(
          flex:1,
          child: Align(
            alignment: Alignment(-1, 0),
                      child: Container(
              decoration: BoxDecoration(
                color:Colors.white,
              ),
              child: Text(

                "Plants", style: TextStyle(
                  fontSize: 30,fontWeight: FontWeight.w700
                ),

              ),

        ),
          ),),
        Expanded(
          flex:1,
          child: Container(
            decoration: BoxDecoration(
              color:Colors.blue,
            ), 
            child: DefaultTabController(
              length: 5,
                          child: ListView(
                children: [
                  TabBar(
                    isScrollable: true,
                    tabs: 
                      [
                        tabMaker()
                        // Tab(text: tabsText[0],),
                        // Tab(text: tabsText[1],),
                        // Tab(text: tabsText[2],),
                        // Tab(text: tabsText[3],),
                        // Tab(text: tabsText[4],)

                      ]
                  )
                ],
              ),
            ),

        ),),
],

    );
  }
}

```