BottomNavigationBar的title过时了看源码注释好像说用label代替?

来源:8-3 APP首页框架搭建-项目实践【搭了个框架】

慕设计2078437

2021-04-21

总用过时的方法好像不太好吧,有没有替代的方法?

我试了用label,label是一个字符串好像不能改颜色呢

写回答

1回答

CrazyCodeBoy

2021-04-21

可以使用label来替代:

 BottomNavigationBarItem(
    icon: Icon(icon, color: _defaultColor),
    activeIcon: Icon(icon, color: _activeColor),
    label: title)

颜色的问题可以参考《Flutter高级进阶实战 仿哔哩哔哩APP》课程中的实现用selectedItemColor来定义颜色:

BottomNavigationBar(
  currentIndex: _currentIndex,
  onTap: (index) => _onJumpTo(index),
  type: BottomNavigationBarType.fixed,
  selectedItemColor: _activeColor,
  items: [
    _bottomItem('首页', Icons.home, 0),
    _bottomItem('排行', Icons.local_fire_department, 1),
    _bottomItem('收藏', Icons.favorite, 2),
    _bottomItem('我的', Icons.live_tv, 3),
  ],
)


1
2
qq_秋本明_0
我也是想着封装下每个tab的,还没看bilibili的课。 看到老师没发_bottomItem的代码,盲猜代码是这样的。能跑就行.jpg _bottomItem (String title, IconData icon, int index) { return BottomNavigationBarItem( icon: Icon(icon, color: _defaultColor), activeIcon: Icon(icon, color: _activeColor), label: title ); }
2021-06-16
共2条回复

Flutter从入门到进阶 实战携程网App 一网打尽核心技术

解锁Flutter开发新姿势,,系统掌握Flutter开发核心技术。

4788 学习 · 3270 问题

查看课程