Flutter - Как изменить цвет фона активного элемента BottomNavBar? - PullRequest
0 голосов
/ 26 мая 2020

Я искал довольно долго, но, к сожалению, не могу найти связанный ответ. Как я могу изменить цвет фона моего активного пункта маршрута? См. На картинке текущее приложение Audible или Clock на iPhone. Я использую CupertinoTabBar, но не могу найти решения этой проблемы. Я просто хочу, чтобы за моим активным элементом был квадрат с закругленными углами.

Приложение Audible - нижняя панель навигации

соответствует моему текущему коду панели навигации

CupertinoTabScaffold(
          tabBar: CupertinoTabBar(
            iconSize: 30,
            activeColor: SymeColorPurple,
            backgroundColor: Colors.white,
            inactiveColor: Colors.black12,
            items: [
              BottomNavigationBarItem(
                icon: Padding(
                  padding: const EdgeInsets.only(top: 6.0),
                  child: Icon(
                    Icons.settings
                  ),
                ),
                title: Text(
                  "Inventory",
                  style: const TextStyle(fontWeight: FontWeight.w600),
                ),
              ),
              BottomNavigationBarItem(
                icon: Padding(
                  child: Icon(Icons.home),
                  padding: const EdgeInsets.only(top: 6.0),
                ),
                title: Text(
                  "Home",
                  style: const TextStyle(fontWeight: FontWeight.w600),
                ),
              ),
              BottomNavigationBarItem(
                icon: Padding(
                  child: Icon(
                    Icons.camera_alt
                  ),
                  padding: const EdgeInsets.only(top: 6.0),
                ),
                title: Text(
                  "Camera",
                  style: const TextStyle(fontWeight: FontWeight.w600),
                ),
              ),
            ],
          ),
          tabBuilder: (context, index) {
            switch (index) {
              case 0:
                return InventoryPage();
                break;
              case 1:
                return HomeView();
                break;
              case 2:
                return CameraPage();
                break;
              default:
                return HomeView();
                break;
            }
          }),
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...