用户登录

在 RaisedButton 里面,color 属性可以控制按钮的填充颜色 .. 比如我们用一下在主题里定义的 accentColor 这种颜色 .. 文字的颜色可以使用 textColor .. 或者用一下 textTheme 去设置一下 .. 把它设置成 ButtonTextTheme.primary ..

Theme

按钮的样式可以在按钮里面单独去设置,也可以在主题里面设置一下 .. 我们可以设置应用的全局主题 .. 就是在 MaterialApp 小部件的 theme 里面去设置 ...

或者也可以单独设置一下某个部分的主题 .. 先剪切一下这个按钮 .. 然后用一个 Theme 小部件 .. 它里面的 data 属性就是主题的相关配置 ..

再给它一个 child 属性 .. 这个 child 里面的小部件会应用在这个 Theme 里面配置的主题 .. 把刚才剪切的那个按钮粘贴到这里 ..

在这个 Theme 的 data 属性里面,可以使用 ThemeData ,完全替代应用的默认主题 .. 也可以使用 Theme.of .. context .. copyWith .. 用它覆盖掉某些主题的配置 ..

先添加一个 buttonColor ,设置一下按钮的颜色 .. Theme.of context .. 用一下 accentColor ...

再添加一个 buttonTheme .. 它的值可以用一下 ButtonThemeData .. 用它可以重新设置一下按钮主题 .. 或者用一下ButtonTheme.of context .. copyWith ,去覆盖掉按钮主题的某几个特定的地方 ..

先添加一个 textTheme ,把它设置成 ButtonTextTheme.primary ...

Shape

shape 可以控制按钮的形状 .. 先把它设置成 BeveledRectangleBorder ... 现在按钮是会是一个直角矩形 .. 给这个 BeveledRectangleBorder 一个 borderRadius ... 先把它设置成 5.0 .. 这个按钮会变成一个斜角矩形 ..

再试一个形状 .. 用一下 StadiumBorder .. [ˈstediəm] 这个 Stadium 有体育场的意思 .. 比如足球场,橄榄球场 ..

下面可以保存一下这个 RaisedButton 练习用的这些代码 .. 复制一下这个 Row ... 在 build 里面,再去添加一个 Widget .. RaisedButtonDemo ... 把复制的 Row ,粘贴过来 ..

以后你可以使用这块代码得到界面上显示的这两个按钮 ..

按钮主题:颜色、形状《 Flutter 移动应用:按钮 》

统计

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

社会化网络

关于

微信订阅号

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