Как убрать значки с BottomNavigationBar?

Question

Мне просто нужна метка в моем BottomNavigationBarItem, но я не могу найти способ удалить их.
Вы можете скрыть метки, установив для showSelectedLabels и showUnselectedLabels значение false, но для значков нет эквивалента.

Конструктор:

BottomNavigationBar({
    Key key,
    @required this.items,
    this.onTap,
    this.currentIndex = 0,
    this.elevation = 8.0,
    BottomNavigationBarType type,
    Color fixedColor,
    this.backgroundColor,
    this.iconSize = 24.0,
    Color selectedItemColor,
    this.unselectedItemColor,
    this.selectedIconTheme = const IconThemeData(),
    this.unselectedIconTheme = const IconThemeData(),
    this.selectedFontSize = 14.0,
    this.unselectedFontSize = 12.0,
    this.selectedLabelStyle,
    this.unselectedLabelStyle,
    this.showSelectedLabels = true,
    bool showUnselectedLabels,
  })

Answer 1

Ключом к этой проблеме является рассмотрение отдельного BottomNavigationBarItem().

Если вы вставите Контейнер высотой 0.0 в качестве заголовка, вы получите все вертикальное пространство элемента для вашей иконки или activeIcon. А поскольку BottomNavigationBarItem принимает любой виджет в виде значка или activeIcon, вы можете свободно использовать все, что захотите.

В вашем случае, вероятно, просто виджет Text() выглядит так:

BottomNavigationBarItem(
  icon: Text("My Item"),
  activeIcon: Text("My Item"),
  title: Container(
    height: 0.0,
  ),
)