BottomNavigationBarItem 中的文字选中时放大动画怎么去掉

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

渔网的收获

2019-03-28

1、BottomNavigationBarItem 选中时 title中的文字会放大。有什么设置可以去掉这个放大呢? 国内的APP中很少有navigation item 有动画的！！！问题图片

2、在安卓设备上，状态栏上有个半透明的状态栏，怎么让它变成全透明的？

以上问题希望老师帮我指点一下！！！谢谢

写回答

2回答

CrazyCodeBoy

2019-03-30

已采纳

通过BottomNavigationBar的selectedFontSize与unselectedFontSize来进行控制哈：

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.selectedFontSize = 14.0,
  this.unselectedFontSize = 12.0,
  this.showSelectedLabels = true,
  bool showUnselectedLabels,
})

将selectedFontSize与unselectedFontSize设置成同等大小就可了。

如：

bottomNavigationBar: BottomNavigationBar(
  selectedFontSize: 12,
  unselectedFontSize: 12,
  ...

注意：上述API在Flutter v1.3.0版本新加的，使用该API需要将flutter的channel切换到dev 并且确保flutter版本不低于Flutter v1.3.0：

flutter channel
flutter upgrade
flutter doctor

CrazyCodeBoy

渔网的收获

好的，再接再厉

2019-04-02

共4条回复

董健

2019-03-30

同问，有没有知道的小伙伴

CrazyCodeBoy

看老师回复哦

2019-03-30

共1条回复

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

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

4788 学习 · 3270 问题

查看课程

相似问题

搜索页面可以放hero动画吗？

回答 1

中间的空格怎么去掉？

回答 1

老师，我发现ListView、GridView....滑动到了边缘有水波纹效果。怎么去掉呢？

回答 1

AnimatedBulider做动画的时候，始终没有动画效果

回答 1

老师，您好，请问flutter里面怎么动态调整字号大中小？

回答 1

打开慕课网App查看更多内容