用户登录

文字按钮的样式最简单 .. 在这排内容里面,用一个 FlatButton .. 按钮上的文字可以放在 FlatButton 的 child 里面 .. 文字是 Button ..

点了按钮以后要做的事情是 onPressed 属性设置的 .. 如果它的值是 null .. 按钮会是禁用的状态 .. 你也可以单独去设置一下在禁用状态下的按钮的样式 .. onPressed 的值不是 null .. 按钮就会是正常的状态 ..

点按按钮的时候会有一个溅墨效果,这个效果的颜色可以使用 splashColor 设置一下 .. 把它设置成灰色 .. 再到模拟器上试一下 .. 按一下按钮 .. 会出现一个溅墨效果 ..

按钮文字的颜色可以使用 textColor 属性设置一下 .. 这个颜色可以使用我们在主题里面设置的 accentColor ..

FlatButton.icon

这种 FlatButton 上面也可以带一个小图标 .. 这种按钮需要使用 FlatButotn 的 icon 来创建 .. 复制一份 .. 用一下 FlatButton 的 icon .. 它里面没有 child 属性,按钮上的文字是 label 属性设置的 .. 除了文字 .. 还有一个 icon .. 添加一个小图标 .. Icons.add ..

这里就是一个带 icon 的 FlatButton ..

下面可以把刚才的演示单独放在一个地方 .. 复制一下这个 Row .. 在 build 方法里面,添加一个 FlatButtonDemo .. 再把复制的东西粘贴过来 .. 以后你可以参考这块儿代码去创建 FlatButton ..

FlatButton:文字按钮《 Flutter 移动应用:按钮 》

统计

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

社会化网络

关于

微信订阅号

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