dart - Flutter BottomNavigationBar 颜色

Question

我正在尝试更改 BottomNavigation 图标的选定颜色，但我似乎要实现的只是更改文本颜色。请协助:

目前，选中时文本颜色变为黄色，但图标保持白色，我也希望它是黄色的，并且我尝试将非事件图标的图标颜色设置为灰色，就像标题一样，但它没有变化。

这是我的代码:

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: <BottomNavigationBarItem>[
            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,
        ),
      )

Answer 1

不要在 BottomNavigationBarItem 中声明图标的颜色。您应该在 BottomNavigationBar 中将其声明为 unselectedItemColor 和 selectedItemColor。

   bottomNavigationBar:
    BottomNavigationBar(
      unselectedItemColor: Colors.green,
      selectedItemColor: Colors.yellow,
      items: [
        BottomNavigationBarItem(
          icon: Icon(Icons.add_shopping_cart),
        ),
      ],
    );

这样，您的代码就可以工作了。