导航栏未读消息，底部导航栏小红点，其他未读消息。

效果图：

插件：badges

用法以及网址：https://pub.dev/packages/badges

心得体会：

刚开始只知道用层叠来制作效果，但是具体的不会用。刚开始把BottomNavigationBarItem层叠了，发现提示说类型不一样。后来舍友说可以把icon层叠，因为icon和stack子组件他俩都是widget。

但是最后发现，badges自带层叠效果！

样例代码如下

层叠完了之后，用setstate方法改变badg是否显示，但是没有效果。貌似底部导航栏只构建一次，也有可能是直接将List<BottomNavigationBarItem>数组放到了类下面。后来建立了一个返回List的函数，用在build里面好了。

样例代码：