[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), // 陰影值
),
),
