美文网首页
Flutter学习之旅-FlatButton

Flutter学习之旅-FlatButton

作者: Self_Time | 来源:发表于2019-06-27 11:08 被阅读0次

1.简介

  • 通过填充颜色对触摸作出反应在工具栏上;
  • FlatButtons故意不具有可见边框,因此必须依赖于它们相对于其他内容的位置以用于上下文;
  • 在对话框和客片中,它们应该组合在一个底角中。避免使用平面按钮,它们会与其他内容混合,例如在列表中间;

2.基本用法

  • 如果onPressed回调为null,则将该按钮将被禁用,不会对触摸作出反应,并且将按照disableColor属性而不是color属性指定的颜色进行着色;
  • 如果你尝试更改按钮颜色并且没有效果,请检查是否正在传递null给onPressed处理程序;

3.示例代码

class FlatButtonDefault extends StatelessWidget {
  final bool isDisabled;
  const FlatButtonDefault([this.isDisabled = true]) : assert(isDisabled != null),super();
  @override
    Widget build(BuildContext context) {
      return FlatButton(
        child: Text('默认按钮',semanticsLabel: 'FLAT BUTTON'),
        color: Colors.green[300],
        splashColor: Colors.red,
        onPressed: isDisabled? (){}:null,
      );    
    }
}

相关文章

网友评论

      本文标题:Flutter学习之旅-FlatButton

      本文链接:https://www.haomeiwen.com/subject/jtylcctx.html