flutter TextButton实现点击按钮变色效果_flutter textbutton 点击颜色

TextButton(
                                child: Text(
                                  '男',
                                  style: TextStyle(
                                      fontSize: 18,
                                      color: Color.fromRGBO(255, 255, 255, 1)),
                                ),
                                
                                style: ButtonStyle(
                                //设置按钮大小
                                  minimumSize: MaterialStateProperty.all(
                                      const Size(90, 35)),
                                  visualDensity: VisualDensity.compact,

                                  overlayColor: MaterialStateProperty.all(
                                      Colors.transparent),
                                  //更优美的方式来设置
                                  foregroundColor:
                                      MaterialStateProperty.resolveWith(
                                    (states) {
                                      if (states
                                          .contains(MaterialState.pressed)) {
                                        //按下时的颜色
                                        return Colors.blue;
                                      }
                                      //默认状态使用灰色
                                      return Colors.black54;
                                    },
                                  ),
                                  //背景颜色
                                  backgroundColor:
                                      MaterialStateProperty.resolveWith(
                                          (states) {
                                    //设置按下时的背景颜色
                                    if (states
                                        .contains(MaterialState.pressed)) {
                                      return Colors.blue;
                                    }
                                    //默认不使用背景颜色
                                    return Colors.black12;
                                  }),
                                ),
                                onPressed: () {
                                 
                                },
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45