前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Flutter基础widgets教程-CupertinoButton篇

Flutter基础widgets教程-CupertinoButton篇

原创
作者头像
青年码农
发布2020-10-10 16:24:51
3800
发布2020-10-10 16:24:51
举报
文章被收录于专栏:青年码农青年码农

1 CupertinoButton

ios风格的按钮

2 构造函数

代码语言:javascript
复制
CupertinoButton({
    Key key,
    @required this.child,
    this.padding,
    this.color,
    this.disabledColor = CupertinoColors.quaternarySystemFill,
    this.minSize = kMinInteractiveDimensionCupertino,
    this.pressedOpacity = 0.4,
    this.borderRadius = const BorderRadius.all(Radius.circular(8.0)),
    @required this.onPressed,
})

3 常用属性

3.1 padding:内边距

代码语言:javascript
复制
padding: EdgeInsets.fromLTRB(),

3.2 color:可用时按钮颜色

代码语言:javascript
复制
color: Colors.green,

3.3 disabledColor:不可用时按钮颜色

代码语言:javascript
复制
disabledColor: Colors.blue,

3.4 minSize:按钮最小尺寸

代码语言:javascript
复制
minSize: 40.0,

3.5 pressedOpacity:按下时按钮透明度是原来的多少,不能大于1

代码语言:javascript
复制
pressedOpacity: 0.2,

3.6 borderRadius:按钮圆角大小

代码语言:javascript
复制
borderRadius: BorderRadius.all(Radius.circular(8.0)),

3.7 onPressed:按下回调

代码语言:javascript
复制
onPressed: (){},

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1 CupertinoButton
  • 2 构造函数
  • 3 常用属性
    • 3.1 padding:内边距
      • 3.2 color:可用时按钮颜色
        • 3.3 disabledColor:不可用时按钮颜色
          • 3.4 minSize:按钮最小尺寸
            • 3.5 pressedOpacity:按下时按钮透明度是原来的多少,不能大于1
              • 3.6 borderRadius:按钮圆角大小
                • 3.7 onPressed:按下回调
                领券
                问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档