/Dart/How to change background color of Elevated Button in flutter

How to change background color of Elevated Button in flutter

Flutter Elevated button color

ElevatedButton(
            child: Text('Button'),
            onPressed: () {},
            style: ButtonStyle(
                backgroundColor: MaterialStateProperty.all(Colors.red),
                padding: MaterialStateProperty.all(EdgeInsets.all(50)),
                textStyle: MaterialStateProperty.all(TextStyle(fontSize: 30))),
),

Source: stackoverflow.com

Elevated button flutter color

ElevatedButton(
  style: ButtonStyle(
    backgroundColor: MaterialStateProperty.resolveWith<Color>(
      (Set<MaterialState> states) {
        if (states.contains(MaterialState.pressed))
          return Colors.green;
        return null; // Use the component's default.
      },
    ),
  ),
)

Source: flutterforyou.com

How to change background color of Elevated Button in flutter

ElevatedButton(
              style: ElevatedButton.styleFrom(
                primary: Colors.amber,
              ), 
              child: Text('ElevatedButton'),
              onPressed: () {},
            ),

Elevated Button Theme background color in flutter

 style: ElevatedButton.styleFrom(
              primary: Colors.purple,
            ),

Add background color to button flutte

bool isButtonPressed = false;

RaisedButton(
            color: isButtonPressed ? Colors.green : Colors.red,
            onPressed: () {
              setState(() {
                isButtonPressed =!isButtonPressed;
              });
            },
          ),

Source: stackoverflow.com

Similar codes

1 vote181 views1 answer
How to put two trailing icons in list tile flutter
Dart
0 vote181 views1 answer
Dart break double for loop
Dart
0 vote169 views1 answer
Invalid argument(s): join(null, "bin", "cache", "dart-sdk"): part 0 was null, but part 1 was not.
Dart
0 vote185 views2 answers
Switch to another flutter channel eg. $ flutter channel beta $ flutter channel stable
Dart
1 vote179 views1 answer
Dart array split
Dart
1 vote180 views1 answer
Flutter espacio entre widgets
Dart
0 vote202 views1 answer
Drawer Header set text positon
Dart
0 vote164 views1 answer
Flutter stuck
Dart
1 vote216 views1 answer
Flutter devices doesn't show chrome
Dart
1 vote194 views1 answer
Flutter add text on image
Dart