title: How to change BottomNavigationBar background colour?
body: <p>Im making a simple app with tab bars. I need to change Bottom Navigation Bar's background colour to blue. The rest of the app should be in white background and navigation bar should be blue backgrounded. How should I do that?
  Setting canvasColor in ThemeData didnt work. </p>
  
  <p>Heres my code:</p>
  
  <pre><code>import 'package:flutter/material.dart';
  
  void main() =&gt; runApp(MyApp());
  
  class MyApp extends StatefulWidget {
    State&lt;StatefulWidget&gt; createState(){
      return MyAppState();
  }
  }
  
  class MyAppState extends State&lt;MyApp&gt;{
  
    int _selectedPage = 0;
    final _pageOptions = [
      Text('Item1'),
      Text('Item2'),
      Text('Item3')
    ];
  
    @override
    Widget build(BuildContext context) {
  
      return MaterialApp(
        title: 'sddsd',
  
        theme: ThemeData(
          primaryColor: Colors.blueAccent,
          fontFamily: "Google Sans"
  
        ),
  
        home: Scaffold(
          appBar: AppBar(
              title:Text("LQ2018"),
              backgroundColor: Colors.blueAccent,
          ),
  
        body: _pageOptions[_selectedPage],
  
        bottomNavigationBar: BottomNavigationBar(
          fixedColor: Colors.blueAccent,
          currentIndex: _selectedPage,
          onTap: (int index){
            setState(() {
              _selectedPage= index;
            });
          },
          items: [
            BottomNavigationBarItem(icon: Icon(Icons.supervised_user_circle), title: Text('Players')),
            BottomNavigationBarItem(icon: Icon(Icons.whatshot), title: Text('Trending')),
            BottomNavigationBarItem(icon: Icon(Icons.access_time), title: Text('Highlights'))
          ]
        ),
        ),
      );
    }
  }
  </code></pre>