首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Flutter基础widgets教程-CupertinoButton篇

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: (){},

下一篇
举报
领券