flutter how to change the color of a button on a click

Question

I am trying to change the color of the button when I click on it. Can you help me because I really can't do it. Thank you.

 Container(

        child: new Row(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: <Widget>[
              new MaterialButton(
                  child: new Text("1"),
                  color: Colors.greenAccent,
                splashColor: Colors.red,
                  onPressed:  (){
                    test=0;
                    test=1;



},




 ),
              new MaterialButton(
                child: new Text("2"),
                  color: Colors.greenAccent,
                    onPressed: (){
                    test=0;
                    test=2;

},

score 2 · Answer 1 · answered May 26 '20 at 23:28

2

Try like this

Color mySplashColor=Colors.blue; //define in build function or state class

splashColors: mySplashColor,
onPressed(){
setState(){
splashColors=Colors.red;
}
}

answered May 26 '20 at 23:28

guccisekspir

1,359
1
9
29

1

Hello actually I want the button to change color completely once it is pressed and not a spash thanks for your help – dragon1980 May 27 '20 at 08:15

score 0 · Answer 2 · answered Aug 27 '21 at 16:32

The way to do it is by using state. The first thing you should do is to transform your widget into a stateful widget.

After that you set a state variable of type Color called buttonColor to have the default value of "Colors.greenAccent". You then set your MaterialButton color property to this variable.

The only thing to do now is to use () => setState(() => buttonColor = Colors.red ) as the button onPressed property.

flutter how to change the color of a button on a click

2 Answers2