dart 如何在Flutter中更改BottomNavigationBarItem中标签的颜色?

vkc1a9a2  于 2023-10-13  发布在  Flutter
关注(0)|答案(3)|浏览(127)

我把一些底部导航栏项目在我的应用程序的菜单,我希望他们有一些标签。我把标签,但我真的不知道如何改变他们的基本颜色。好像我希望他们都是白色的。
下面是其中一个的代码:

bottomNavigationBar: BottomNavigationBar(
      unselectedLabelStyle: const TextStyle(color: Colors.white, fontSize: 14),
      backgroundColor: const Color(0xFF084A76),
      fixedColor: Colors.white,
      items: [
        BottomNavigationBarItem(
            icon: InkWell(
              onTap: () async {
                //Borramos un lote
                deleteLote();
              },
              child: Container(
                height: 47,
                width: 50,
                decoration: const BoxDecoration(
                    shape: BoxShape.circle, color: Colors.black38),
                child: const Icon(
                  Icons.delete,
                  size: 32,
                  color: Colors.white,
                ),
              ),
            ),
            label: 'Borrar Lote'),
        BottomNavigationBarItem(
            icon: InkWell(
              onTap: () async {
                //Añadimos un lote
                addLote();
              },
              child: Container(
                height: 47,
                width: 50,
                decoration: const BoxDecoration(
                    shape: BoxShape.circle, color: Colors.black38),
                child: const Icon(
                  Icons.add,
                  size: 32,
                  color: Colors.white,
                ),
              ),
            ),
            label: 'Añadir Lote')
      ],
    )

它现在的样子,供参考:

xjreopfe

xjreopfe1#

您必须在BottomNavigationBar中更改unselectedItemColor属性。

bottomNavigationBar: BottomNavigationBar(
      unselectedLabelStyle: const TextStyle(color: Colors.white, fontSize: 14),
      backgroundColor: const Color(0xFF084A76),
      fixedColor: Colors.white,
      unselectedItemColor: Colors.white, //<-- add this
...

更多详情:BottomNavigationBar

tktrz96b

tktrz96b2#

改为用途:

unselectedLabelStyle: const TextStyle(color: Colors.white, fontSize: 14),

您可以尝试:

unselectedItemColor: Colors.white,
unselectedFontSize: 14,

在您的底部导航栏

mqxuamgl

mqxuamgl3#

如果仍然看不到标签的颜色,您可以尝试以下操作:

showUnselectedLabels: true,

在您的底部导航栏

相关问题