style: ButtonStyle(
textStyle: MaterialStateProperty.all(
TextStyle(fontSize: 18, color: Colors.red)),
//设置按钮上字体与图标的颜色
///设置文本不通状态时颜色
foregroundColor: MaterialStateProperty.resolveWith(
(states) {
if (states.contains(MaterialState.focused) &&
!states.contains(MaterialState.pressed)) {
//获取焦点时的颜色
return Colors.blue;
} else if (states.contains(MaterialState.pressed)) {
//按下时的颜色
return Colors.deepPurple;
}
//默认状态使用灰色
return Colors.grey;
},
),
//按钮背景颜色
backgroundColor: MaterialStateProperty.resolveWith((states) {
//设置按下时的背景颜色
if (states.contains(MaterialState.pressed)) {
return Colors.yellow[300];
}
//默认不使用背景颜色
return null;
}),
///设置水波纹颜色
overlayColor: MaterialStateProperty.all(Colors.yellow),
///按钮大小
minimumSize: MaterialStateProperty.all(Size(320, 36)),
//设置阴影 不适用于这里的TextButton
elevation: MaterialStateProperty.all(0),
//设置按钮内边距
padding: MaterialStateProperty.all(EdgeInsets.all(10)),
///设置按钮圆角
shape: MaterialStateProperty.all(RoundedRectangleBorder(
borderRadius: BorderRadius.circular(5))),
///设置按钮边框颜色和宽度
side: MaterialStateProperty.all(
BorderSide(color: ColorStyle.color_4A6081, width: 1)),
),
Flutter TextButton 和 OutlinedButton 属性设置和参数样式
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 其实这个问题几年前就遇到过，也解决了，但是最近又看到项目中有人这么用，就想起来了，写在这里，给自己也给大家提个醒。...
- $.ajax({type: "post",url: url,dataType:'html',success: fu...
