[ElevatedButton介绍] (https://blog.csdn.net/qq_41619796/article/details/115658314)
ElevatedButton
ElevatedButton 之ButtonStyle，实现Button不同样式。
ElevatedButton(
onPressed: () {
print('点击免费领取');
},
child: const Text(
'免费领取^-^',
style: TextStyle(color: Colors.white, fontSize: 16),
),
style: ButtonStyle(
// backgroundColor: MaterialStateProperty.all(Color(0xffEDFCF5)),//背景颜色
// foregroundColor: MaterialStateProperty.all(Color(0xff31C27C)), //字体颜色
overlayColor: MaterialStateProperty.all(Color(0xff31C27C)),
// 高亮色
shadowColor: MaterialStateProperty.all(Colors.red),
// 阴影颜色
textStyle: MaterialStateProperty.all(TextStyle(fontSize: 6)),
// 字体
//高亮：字体颜色
side: MaterialStateProperty.all(BorderSide(width: 1, color: Color(0xffffffff))),
// 边框圆角效果。
// shape: MaterialStateProperty.all(StadiumBorder(side: BorderSide(style: BorderStyle.solid))),
// 圆形。
// shape: MaterialStateProperty.all(CircleBorder(
// side: BorderSide(
// //设置 界面效果
// color: Colors.green,
// width: 280.0,
// style: BorderStyle.none))),
// 菱形1
// shape: MaterialStateProperty.all(BeveledRectangleBorder(borderRadius: BorderRadius.circular(8))),//菱形
shape: MaterialStateProperty.all(BeveledRectangleBorder(borderRadius: BorderRadius.circular(18))),//菱形
elevation: MaterialStateProperty.all(3), // 阴影值
),
),
