Изменить цвет фона нижней панели навигации?

Question

Я использую плагин Flutter's Nested Navigators https://pub.dev/packages/nested_navigators.

Я считаю, что смогу изменить цвет фона BottomNavigationBar, используя backgroundColor в качестве параметра ;

buildBottomNavigationItem: (key, item, selected) =>
          BottomNavigationBarItem(
            icon: Icon(
              item.icon,
              color: Colors.blue,
            ),
            title: Text(
              item.text,
              style: TextStyle(fontSize: 14),
            ),
          ),
     bottomNavigationBarTheme: Theme.of(context).copyWith(
       splashColor: Colors.blue[200],
       primaryColor: Colors.green[300],
       backgroundColor: Colors.orange,
      ),

Но, увы, BottomNavigationBar упорно отказывается быть ничем иным, кроме белого. Есть идеи, что не так?

Answer 1

Решением было заменить buildBottomNavigationItem на

buildCustomBottomNavigationItem: (key, item, selected) => Container(
         color: Color(0xffb79eb5).withOpacity(.70),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
              Icon(
                item.icon,
                size: 18,
                color: selected ? Colors.white : Colors.black38,
              ),
              Text(
                item.text,
                style: TextStyle(fontSize: 16, color: selected ? Colors.white : Colors.black38),
              ),
            ],
          ),
        ),