用户登录

回到 app_theme.dart,下面我们可以定制一下应用的小图标的主题,在文件里面声明一个 iconTheme,它的值可以新建一个 IconThemeData,小图标的主题数据,这里我们可以修改一下小图标的颜色,把 color 设置成 Colors.black。

下面再声明一个 iconThemeDark,它的值也是一个 IconThemeData,设置一下小图标的 color,值可以用一下 secondaryTextColorDark 这种颜色。

在 light 主题里面,设置一下 ThemeData 的 iconTheme,值是上面定义的 iconTheme。 在 dark 主题里面, 再添加一个 iconTheme,值是 iconThemeDark。

重新启动一下,再观察一下内容列表项目里用的这个小图标的变化,在暗色主题下面它的值就是我们定义的 secondaryTextColorDark 这种颜色。切换到亮色主题,小图标的颜色会是黑色。

注意在应用栏还有底部导航栏里的图标没有受到影响,我们等会儿再去修改它们的主题样式。

图标主题(IconThemeData)《 Flutter 2:主题样式 》

统计

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

社会化网络

关于

微信订阅号

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