title: Change background color of Tab bar in flutter
body: <p>I am trying to change the background color of the tab bar in flutter, I have tried the following ( which was accepted as an answer on this forum ) but it didnt work:</p>
  
  <p>here is the code </p>
  
  <pre><code>   return new MaterialApp(
        theme: new ThemeData(
        brightness: Brightness.light,
        primaryColor: Colors.pink[800], //Changing this will change the color of  the TabBar
        accentColor: Colors.cyan[600],
      ),
  </code></pre>
  
  <p>EDIT :</p>
  
  <p>When I change the theme data colors the background color doesnt change. Im trying to create a horizontal scrolling sub menu underneath the app bar and it was suggested I use a Tab bar.</p>
  
  <p>Here is the entire dart file:</p>
  
  <pre><code>  import 'package:flutter/material.dart';
    import 'package:font_awesome_flutter/font_awesome_flutter.dart';
  
    class Index extends StatelessWidget {
  
  //final User user;
  
    // HomeScreen({Key key, @required this.user}) : super(key: key);
  
    @override
     Widget build(BuildContext context) {
       // TODO: implement build
      // String emoji = emojify(":cool:");
     return new MaterialApp(
       theme: new ThemeData(
        brightness: Brightness.light,
         primaryColor: Colors.white, //Changing this will change the color of     the TabBar
        accentColor: Colors.cyan[600],
       ),
  
      home: DefaultTabController(
      length: 2,
    child: Scaffold(
    appBar: new AppBar(
       backgroundColor: const Color(0xFF0099a9),
       title: new Image.asset('images/lb_appbar_small.png', fit: BoxFit.none,),
       bottom: TabBar(
            tabs: [
              Tab( text: "Tab 1",),
              Tab(text: "Tab 2"),
               ],       
       ),
    ),
      body: Column(children: &lt;Widget&gt;[
            Row(
              //ROW 1
              children: [
                Container(
                  margin: EdgeInsets.all(25.0),
                  child: IconButton(
                       icon: new Icon(FontAwesomeIcons.checkSquare,),
                       iconSize: 60.0,
                       color: const Color(0xFF0099a9),
                        onPressed: () { print("Pressed"); }
                  ),
                ),
                Container(
                  margin: EdgeInsets.all(25.0),
                    child: IconButton(
                       icon: new Icon(FontAwesomeIcons.glasses,),
                       iconSize: 60.0,
                       color: const Color(0xFF0099a9),
                        onPressed: () { print("Pressed"); }
                    )
  
                ),
              Container(
                  margin: EdgeInsets.all(25.0),
                    child: IconButton(
                       icon: new Icon(FontAwesomeIcons.moon,),
                       iconSize: 60.0,
                       color: const Color(0xFF0099a9),
                        onPressed: () { print("Pressed"); 
                        Text("Check Out");
                        }
                    )
  
                ),
              ]
            ),
            Row(//ROW 2
                children: [
              Container(
                  margin: EdgeInsets.all(25.0),
                    child: IconButton(
                       icon: new Icon(FontAwesomeIcons.users,),
                       iconSize: 60.0,
                       color: const Color(0xFF0099a9),
                        onPressed: () { print("Pressed"); }
                    )
  
                ),
              Container(
                  margin: EdgeInsets.all(25.0),
                    child: IconButton(
                       icon: new Icon(FontAwesomeIcons.trophy,),
                       iconSize: 60.0,
                       color: const Color(0xFF0099a9),
                        onPressed: () { print("Pressed"); }
                    )
  
                ),
               Container(
                  margin: EdgeInsets.all(25.0),
                    child: IconButton(
                       icon: new Icon(FontAwesomeIcons.calendar,),
                       iconSize: 60.0,
                       color: const Color(0xFF0099a9),
                        onPressed: () { print("Pressed"); }
                    )
  
                )
            ]),
            Row(// ROW 3
                children: [
              Container(
                  margin: EdgeInsets.all(25.0),
                    child: IconButton(
                       icon: new Icon(FontAwesomeIcons.fileExcel,),
                       iconSize: 60.0,
                       color: const Color(0xFF0099a9),
                        onPressed: () { print("Pressed"); }
                    )
  
                ),
              Container(
                  margin: EdgeInsets.all(25.0),
                    child: IconButton(
                       icon: new Icon(FontAwesomeIcons.shoppingCart,),
                       iconSize: 60.0,
                       color: const Color(0xFF0099a9),
                        onPressed: () { print("Pressed"); }
                    )
  
                ),
               Container(
                  margin: EdgeInsets.all(25.0),
                    child: IconButton(
                       icon: new Icon(FontAwesomeIcons.list,),
                       iconSize: 60.0,
                       color: const Color(0xFF0099a9),
                        onPressed: () { print("Pressed"); }
                    )
  
                ),
            ]),
          ],
          ),
  
  
   bottomNavigationBar: new BottomNavigationBar(
      items: [
        new BottomNavigationBarItem(
            icon: new Icon(Icons.feedback, color: const Color(0xFF0099a9),),
            title: new Text("feedback")
        ),
        new BottomNavigationBarItem(
            icon: new Icon(Icons.help, color: const Color(0xFF0099a9),),
            title: new Text("help")
        ),
        new BottomNavigationBarItem(
            icon: new Icon(Icons.people, color: const Color(0xFF0099a9),),
            title: new Text("community",)
         )
       ]
      )
  
  
  
  
  
  
  
           )
     )
   );
  
  
  
  
  
  
    }
  }
  </code></pre>