用户登录

在 nid_flutter_assets 里面,找到这个 logo-alt.png ,把这个文件,放在我们项目的 assets ,images 目录里面,复制一份,放在这个目录的下面,再打开资源目录里的 3.0x 这个目录,把这个目录里的 logo-alt.png ,复制一份,放在项目的资源目录里的 3.0x 目录的下面,再找到 2.0x 目录里的这个标志图像,复制一份,放在项目的 2.0x 这个目录里面。

然后在项目里打开 app_logo.dart ,在这个小部件里添加一个新的属性,类型是 String 名字是 variation ,然后在构造方法里添加一个参数,this.variation,默认让它等于空白的字符。

在小部件的 build 方法里,声明一个 String 类型的 image,它的值等于 assets/images/logo.png ,下面可以判断一下,如果 variation.isNotEmpty ,重新设置一下 image 的值,等于 assets/images/logo-$variation.png 。再改一下 Image.assets 里的第一个参数的值,换成 image 。

app_page_bottom.dart

打开 app_page_bottom.dart,修改一下底部导航栏第一个项目用的小图标,换成 AppLogo ,用 size 参数设置一下图标的大小,设置成 21。再改一下 activeIcon ,值也是一个 AppLogo, size 是 21,variation 设置成 alt,再用 color 设置一下颜色,Theme.of context 用一下 primaryColor。

打开编辑器的调试,重新启动一下。

最后再观察一下底部导航栏第一个项目用的小图标的变化。激活状态用的是一种应用标志,未激活的状态用的是另一种变化的应用标志。

添加应用标志新变化《 Flutter 移动端实例:状态管理 》

统计

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

社会化网络

关于

微信订阅号

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