在 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。
打开编辑器的调试,重新启动一下。
最后再观察一下底部导航栏第一个项目用的小图标的变化。激活状态用的是一种应用标志,未激活的状态用的是另一种变化的应用标志。