1.overlayColor: 按鈕按下時(shí)水波紋顏色
2.backgroundColor: 按鈕背景色?
3.foregroundColor: 按鈕字體顏色
4.設(shè)置不同狀態(tài) 按鈕字體顏色:
foregroundColor: MaterialStateProperty.resolveWith((states)
{
? ? if (states.contains(MaterialState.focused)) {
? ? ? ? return Colors.white;
? ? } else if (states.contains(MaterialState.pressed)) {
? ? ? ? //對(duì)應(yīng) faltbutton highlightcolor
? ? ? ? return Colors.red;
? ? }
}),
5. 設(shè)置button style 方式一:
TextButton(
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? onPressed: () => _dismissDialog(context),
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? child: Text("取消",
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? style: TextStyle(
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? color: Colors.black12,
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? fontSize: screenUtil.setSp(17))),
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? style: ButtonStyle(
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? overlayColor: MaterialStateProperty.all<Color>(Colors.transparent),//splashColor
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? padding: MaterialStateProperty.all<EdgeInsetsGeometry>(EdgeInsets.all(0)),
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? backgroundColor: MaterialStateProperty.all<Color>(Color(0xFFFFC800)),
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? shape: MaterialStateProperty.all(RoundedRectangleBorder(
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? borderRadius: BorderRadius.circular(24.0))),
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? elevation: MaterialStateProperty.all<double>(0),
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? )
? ? ? ? ? ? ? ? ? ? ? ? ? )),
6. 設(shè)置button style 方式二:
TextButton(
? ? ? ? ? style: TextButton.styleFrom(
? ? ? ? ? ? backgroundColor: Color(0xFFFFC800),
? ? ? ? ? ? shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(24.0)),
? ? ? ? ? ? textStyle:
? ? ? ? ? ? ? TextStyle(
? ? ? ? ? ? ? ? color: Color(0xFF333333),
? ? ? ? ? ? ? ),
? ? ? ? ? )
