满足 function 条件时如何更改 ElevatedButton 的颜色？

Question

当我满足 function 中的条件时，我想将按钮的背景更改为预设的背景。 我怎样才能做到这一点？

buttonColorSwitch(){
      const a = 5;
      const b = a;
      if (b==5){
         // switch Colors.green
      }
      if (b != b) {
         // switch Colors.red
      }
      else ()
      {
        // swtitch defaultColor (blue)
      };
    }

 ElevatedButton(
          onPressed: () {},
          style: ElevatedButton.styleFrom(
            //primary:Colors.blueAccent(defaultColor), switch  Colors.green, or Colors.red 
          ),

Answer 1

您可以使用 state 变量或返回颜色的方法

  int count = 0;

  Color buttonColorSwitch() {
    if (count == 0) {
      return Colors.cyanAccent;
    } else if (count.isEven) {
      return Colors.green;
    } else {
      return Colors.purple;
    }
  }

ElevatedButton(
  onPressed: () {
    setState(() {
      count++;
    });
  },
  style: ElevatedButton.styleFrom(
    backgroundColor: buttonColorSwitch(),
  ),
  child: Text("BTN"),
),