用户登录

在添加页面这里用了一个 ElevatedButton ,默认这种按钮是带圆角的,我想在应用里使用不带圆角形状的按钮。在 app_theme.dart 里面,先声明一个 elevatedButtonTheme,值是一个 ElevatedButtonThemeData。

设置一下它的 style,对应的值可以用一下 ElevatedButton.styleFrom 这个方法,先把 elevation 设置成 0 ,然后设置一下 shape ,可以新建一个 BeveledRectangleBorder() 。

复制一份这个主题,再声明一个 elevatedButtonThemeDark 。 然后设置一下 light 主题,设置一下 elevatedButtonTheme,值是 elevatedButtonTheme。

在设置一下 dark 主题,添加一个 elevatedButtonTheme,值是 elevatedButtonThemeDark。

测试

重新启动一下应用,在模拟器再观察一下 ElevatedButton 这种按钮的样式。

按钮主题(ElevatedButtonThemeData)《 Flutter 2:主题样式 》

统计

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

社会化网络

关于

微信订阅号

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