美文网首页
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