elevated button flutter color

Add Answer

Lazy Leopard answered on March 5, 2021 Popularity 10/10 Helpfulness 5/10

answer elevated button flutter color

related Flutter Elevated button color

related how to change the color of elevatedbutton in flutter

related elevated button style flutter

related How to change background color of Elevated Button in flutter

related elevated Button Theme background color in flutter

related elevated button style in flutter

related elevated button color flutter

elevated button flutter color

Comment

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.
      },
    ),
  ),
)

Popularity 10/10 Helpfulness 5/10 Language whatever

Source: flutterforyou.com

Tags: button flutter whatever

Link to this answer
Share Copy Link

Contributed on Mar 05 2021

Lazy Leopard

0 Answers Avg Quality 2/10

Closely Related Answers

Flutter Elevated button color

Comment

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

Popularity 10/10 Helpfulness 10/10 Language whatever

Source: stackoverflow.com

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Jun 01 2021

Proud Polecat

0 Answers Avg Quality 2/10

how to change the color of elevatedbutton in flutter

Comment

ElevatedButton(
  child: Text("Click Me!"),
  onPressed: () {},
  style: ButtonStyle(
    backgroundColor: MaterialStateProperty.all(Colors.red),
  ),
)

Popularity 10/10 Helpfulness 6/10 Language whatever

Source: Grepper

Tags: flutter

Link to this answer
Share Copy Link

Contributed on Oct 09 2021

Encouraging Elk

0 Answers Avg Quality 2/10

elevated button style flutter

Comment

ElevatedButton(
            child: Text('Button'),
            onPressed: () {},
            style: ElevatedButton.styleFrom(
                primary: Colors.purple,
                padding: EdgeInsets.symmetric(horizontal: 50, vertical: 20),
                textStyle: TextStyle(
                fontSize: 30,
                fontWeight: FontWeight.bold)),
),

Popularity 10/10 Helpfulness 6/10 Language whatever

Source: stackoverflow.com

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Jun 02 2022

YVONNE CHIN

0 Answers Avg Quality 2/10

How to change background color of Elevated Button in flutter

Comment

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

Popularity 10/10 Helpfulness 6/10 Language dart

Source: Grepper

Tags: background-color back

Link to this answer
Share Copy Link

Contributed on Aug 24 2021

cmoulicms

0 Answers Avg Quality 2/10

elevated Button Theme background color in flutter

Comment

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

Popularity 9/10 Helpfulness 4/10 Language dart

Source: Grepper

Tags: background-color back

Link to this answer
Share Copy Link

Contributed on Apr 06 2021

RakshaD

0 Answers Avg Quality 2/10

elevated button style in flutter

Comment

import 'package:flutter/material.dart';

class MyButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      style: ElevatedButton.styleFrom(
        elevation: 2, // Adjust the elevation value as per your requirement
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(8), // Adjust the border radius as per your requirement
        ),
        // Add other properties like padding, background color, etc., as needed
      ),
      onPressed: () {
        // Add your button press logic here
      },
      child: Text('Button'),
    );
  }
}

Popularity 8/10 Helpfulness 4/10 Language dart

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 11 2023

YOU.com

0 Answers Avg Quality 2/10

elevated button color flutter

Comment

ElevatedButton(
  style: ElevatedButton.styleFrom(
    primary: Colors.blue, // Change this line to set the desired color
  ),
  onPressed: () {
    // Add button logic here
  },
  child: Text('Button'),
)

Popularity 9/10 Helpfulness 1/10 Language

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

elevated button flutter color

Contents

More Related Answers

elevated button flutter color

Closely Related Answers

Flutter Elevated button color

how to change the color of elevatedbutton in flutter

elevated button style flutter

How to change background color of Elevated Button in flutter

elevated Button Theme background color in flutter

elevated button style in flutter

elevated button color flutter

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.