title: Flutter BottomNavigationBar Colors
body: <p>I am trying to change the selected color of a BottomNavigation icon but all I seem to be achieving is changing the text colours. Please assist:</p>
  
  <p>Currently the text color changes to yellow when selected but the icon stays white, I want it to be yellow too and I have tried setting the icon color of the inactive icons to grey like the caption but it's not budging.
  <a href="https://i.stack.imgur.com/eMhF2.png" rel="noreferrer"><img src="https://i.stack.imgur.com/eMhF2.png" alt="enter image description here"></a></p>
  
  <p>Here is my code:</p>
  
  <pre><code>new Theme(
          data: Theme.of(context).copyWith(
            canvasColor: Colors.black,
            splashColor: Colors.yellowAccent,
              unselectedWidgetColor: Colors.green,
            primaryColor: Colors.red,
            textTheme: Theme.of(context).textTheme.copyWith(caption: new TextStyle(color: Colors.grey))
          ),
          child: new BottomNavigationBar(
            items: &lt;BottomNavigationBarItem&gt;[
              new BottomNavigationBarItem(
                  icon: const Icon(Icons.add_shopping_cart, color: Colors.white,),
                  title: new Text("Services"),
              ),
              new BottomNavigationBarItem(
                  icon: new Theme(
                    data: new ThemeData(
  
                    ),
                      child: const Icon(Icons.calendar_today, color: Colors.white,)),
                  title: new Text("Appointment")
              ),
              new BottomNavigationBarItem(
                  icon: const Icon(Icons.face, color: Colors.white,),
                  title: new Text("Profile")
              )
            ],
            currentIndex: index,
            onTap: (int i){setState((){index = i;});},
            fixedColor: Colors.yellowAccent,
            type: BottomNavigationBarType.fixed,
          ),
        )
  </code></pre>