回到我的设计草图观察一下,在底部导航栏这里,最后一个导航项目用的是个空心的帐户小图标,但是在我们的 Flutter 应用里,这个小图标是个实心的帐户小图标。
我在设计里用的是 Material 设计的 Outline 风格的小图标,但是这种风格的小图标暂时在 Flutter 里面并不完整。
我们可以额外去给项目安装一个 Package 来解决这个问题。打开项目的 pubspec.yml 文件,在 dependencies 的下面,添加一个新的依赖,名字是 outline_material_icons ,然后设置一下要使用的版本号,你可以在这个包的介绍网页上找到可用的版本。
保存一下这个文件,编辑器会自动执行 flutter pub get,去给我们准备好项目依赖的东西。
完成以后,打开自定义的底部导航栏小部件,先在文件的顶部导入一个包,导入的就是刚才添加的 outline_material_icons 。
然后找到底部导航栏里的最后一个导航项目,项目用的小图标,现在可以换成 OMIcons 里的 accoutCircle 。
现在你会发现,这个小图标就跟我们的设计草图里的一样了。