1.overlayColor: 按鈕按下時水波紋顏色

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)) {

? ? ? ? //對應(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),

? ? ? ? ? ? ? ),

? ? ? ? ? )