用户登录

下面我们可以定制一下 SnackBar 的主题,在 app_theme.dart 里面,先声明一个 snackBarTheme,它的值是一个 SnackBarThemeData,设置一下背景颜色,backgroundColor,颜色值是 Colors.black87。

再声明一个 snackBarThemeDark,新建一个 SnackBarThemeData ,设置一下 backgroundColor 值是 Colors.black87,再设置一下 contentTextStyle,值是一个 TextStyle,用 color 把文字颜色设置成 primaryTextColorDark。

在 light 主题里面,设置一下 snackBarTheme,值是 snackBarTheme。在 dark 主题里,同样设置一下 snackBarTheme,值是 snackBarThemeDark。

测试

重新启动一下应用,在模拟器上再测试一下,如果当前没有登录,按一下这个点赞小图标,会显示一个 SnackBar。 现在这个 SnackBar 上面没显示文字,因为应用里有个小 bug,打开 HttpException,在这个构造方法里,要执行 super ,把 message 交给它。这样才会设置 message 属性的值。

然后在模拟器上测试一下,按一下点赞小图标,用户如果没有登录,就会显示一个 SnackBar,观察一下它的样式。

消息提示栏主题(SnackBarTheme)《 Flutter 2:主题样式 》

统计

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

社会化网络

关于

微信订阅号

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