初玩Flutter的人都会遇到,底部导航大于等于4个的时候如下图片:
我们可以看到图标,但是是模糊的,不清楚。
通过阅读类BottomNavigationBar类,可以发现:
1、BottomNavigationBarItem (assert(item.leng>=2))最少要有两个导航按钮,
2、BottomNavigationBarType中加了
type = type ?? (items.length <= 3 ? BottomNavigationBarType.fixed : BottomNavigationBarType.shifting),
在我们实现的时候小于等于3个的时候显示是正常的,而大于3个或以上的时候,则显示模糊,此时我只需要重载
BottomNavigationBarType的属性值,继续 默认为fixed;效果如下
网友评论