Flutter 的 Cupertino 标签栏小部件中没有标题的图标按钮

Question

Would anyone be in a position to know how to make Cupertino Bottom tab bar views with icon buttons only and NO titles in Flutter? Like the way the Facebook and Twitter bottom bar apps on iOS are they only have icons no title below the icons in the bottom bar. In flutter using Cupertino Tab bar we are forced to always put a title in the BottomNavigationBar items. Is there a work around to only have icons/icon buttons without titles?

Answer 1

Sorry I'm on mobile. You can do like this.

BottomNavigationBarItem(
     icon: Icon(Icons.home),
     title: Container(),
)

Answer 2

Here is a complete example of how you can do this

  bottomNavigationBar: CupertinoTabBar(
    currentIndex: _page,
    items: <BottomNavigationBarItem> [
      BottomNavigationBarItem(
          icon: Icon(Icons.people_outline, size: 30, color: Colors.grey),
          activeIcon: Icon(Icons.people_outline, color: appThemeColor, size: 30)),
      BottomNavigationBarItem(
          icon: Icon(Icons.local_car_wash, size: 30, color: Colors.grey),
          activeIcon: Icon(Icons.local_car_wash, color: appThemeColor, size: 30)),
      BottomNavigationBarItem(
          icon: Icon(Icons.mail_outline, size: 30, color: Colors.grey),
          activeIcon: Icon(Icons.mail_outline, color: appThemeColor, size: 30))
    ],
    onTap: onTabTapped,
    backgroundColor: Colors.white,
  )