title: Style BottomNavigationBar in Flutter
body: <p>I am trying out Flutter and I am trying to change the colour of the <code>BottomNavigationBar</code> on the app but all I could achieve was change the colour of the <code>BottomNavigationItem</code> (icon and text). </p>
  
  <p>Here is where  i declare my <code>BottomNavigationBar</code>:</p>
  
  <pre><code>class _BottomNavigationState extends State&lt;BottomNavigationHolder&gt;{
  
    @override
    Widget build(BuildContext context) {
      return new Scaffold(
        appBar: null,
        body: pages(),
        bottomNavigationBar:new BottomNavigationBar(
          items: &lt;BottomNavigationBarItem&gt;[
            new BottomNavigationBarItem(
                icon: const Icon(Icons.home),
                title: new Text("Home")
            ),
            new BottomNavigationBarItem(
                icon: const Icon(Icons.work),
                title: new Text("Self Help")
            ),
            new BottomNavigationBarItem(
                icon: const Icon(Icons.face),
                title: new Text("Profile")
            )
          ],
          currentIndex: index,
          onTap: (int i){setState((){index = i;});},
          fixedColor: Colors.white,
        ),
      );
    }
  </code></pre>
  
  <p>Earlier I thought I had it figured out by editing <code>canvasColor</code> to green on my main app theme but it messed up the entire app colour scheme:</p>
  
  <pre><code>class MyApp extends StatelessWidget {
    // This widget is the root of your application.
    @override
    Widget build(BuildContext context) {
      return new MaterialApp(
        title: 'Flutter Demo',
        theme: new ThemeData(
          primarySwatch: Colors.blue,
          canvasColor: Colors.green
        ),
        home: new FirstScreen(),
      );
    }
  }
  </code></pre>