Style BottomNavigationBar in Flutter : <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>
