Flutter的Cupertino标签栏小部件中不带标题的图标按钮

时间:2018-10-06 23:54:48

标签: flutter

有人会知道如何仅使用图标按钮来制作Cupertino底部标签栏视图,而在Flutter中没有标题吗? 就像iOS上的Facebook和Twitter底栏应用程序的方式一样,它们在底栏中的图标下方仅没有标题。 在使用Cupertino标签栏颤抖时,我们总是必须在BottomNavigationBar项目中放置标题。是否有解决方法,只有图标/图标按钮没有标题?

2 个答案:

答案 0 :(得分:2)

抱歉,我正在使用手机。 你可以这样。

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

答案 1 :(得分:0)

这是如何执行此操作的完整示例

  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,
  )

enter image description here