用户登录

回到我的设计草图观察一下,在底部导航栏这里,最后一个导航项目用的是个空心的帐户小图标,但是在我们的 Flutter 应用里,这个小图标是个实心的帐户小图标。

我在设计里用的是 Material 设计的 Outline 风格的小图标,但是这种风格的小图标暂时在 Flutter 里面并不完整。

我们可以额外去给项目安装一个 Package 来解决这个问题。打开项目的 pubspec.yml 文件,在 dependencies 的下面,添加一个新的依赖,名字是 outline_material_icons ,然后设置一下要使用的版本号,你可以在这个包的介绍网页上找到可用的版本。

保存一下这个文件,编辑器会自动执行 flutter pub get,去给我们准备好项目依赖的东西。

完成以后,打开自定义的底部导航栏小部件,先在文件的顶部导入一个包,导入的就是刚才添加的 outline_material_icons 。

然后找到底部导航栏里的最后一个导航项目,项目用的小图标,现在可以换成 OMIcons 里的 accoutCircle 。

现在你会发现,这个小图标就跟我们的设计草图里的一样了。

Material Outline Icons《 Flutter 应用案例: 框架 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点