Breaking News: Grepper is joining You.com. Read the official announcement!

Flutter Elevated button color

Add Answer

Proud Polecat answered on March 5, 2021 Popularity 10/10 Helpfulness 10/10

answer 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 Flutter Elevated Button

related flutter elevated button style

related elevated button flutter color

related elevated button style in flutter

related elevated button color flutter

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 flutter whatever

Link to this answer
Share Copy Link

Contributed on Jun 01 2021

Proud Polecat

0 Answers Avg Quality 2/10

Closely Related Answers

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

Flutter Elevated Button

Comment

ElevatedButton(
  style: ElevatedButton.styleFrom(
    primary: Colors.blue, //button's fill color
    onPrimary: Colors.red, //specify the color of the button's text and icons as well as the overlay colors used to indicate the hover, focus, and pressed states
    onSurface: Colors.orange, //specify the button's disabled text, icon, and fill color
    shadowColor: Colors.black, //specify the button's elevation color
    elevation: 4.0, //buttons Material shadow
    textStyle: TextStyle(fontFamily: 'roboto'), //specify the button's text TextStyle
    padding: const EdgeInsets.only(top: 4.0, bottom: 4.0, right: 8.0, left: 8.0), //specify the button's Padding
    minimumSize: Size(20, 40), //specify the button's first: width and second: height
    side: BorderSide(color: Colors.yellow, width: 2.0, style: BorderStyle.solid), //set border for the button
    shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(35.0)), // set the buttons shape. Make its birders rounded etc
    enabledMouseCursor: MouseCursor.defer, //used to construct ButtonStyle.mouseCursor
    disabledMouseCursor: MouseCursor.uncontrolled, //used to construct ButtonStyle.mouseCursor
    visualDensity: VisualDensity(horizontal: 0.0, vertical: 0.0), //set the button's visual density
    tapTargetSize: MaterialTapTargetSize.padded, // set the MaterialTapTarget size. can set to: values, padded and shrinkWrap properties
    animationDuration: Duration(milliseconds: 100), //the buttons animations duration
    enableFeedback: true, //to set the feedback to true or false
    alignment: Alignment.bottomCenter, //set the button's child Alignment
  ),
    onPressed: () => {} , //set both onPressed and onLongPressed to null to see the disabled properties
    onLongPress: () => {}, //set both onPressed and onLongPressed to null to see the disabled properties
    child: Text('ElevatedButton')
),

Popularity 10/10 Helpfulness 6/10 Language html

Source: devsheet.com

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Sep 06 2022

smtir

0 Answers Avg Quality 2/10

flutter elevated button style

Comment

ElevatedButton(
  style: ElevatedButton.styleFrom(
    // Add your desired styling properties here
    primary: Colors.blue,  // Sets the button background color
    onPrimary: Colors.white,  // Sets the button text color
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(10),  // Sets the button's border radius
    ),
  ),
  onPressed: () {
    // Add your button logic here
  },
  child: Text('My Elevated Button'),
)

Popularity 9/10 Helpfulness 5/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 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 bu

Link to this answer
Share Copy Link

Contributed on Mar 05 2021

Lazy Leopard

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

Flutter Elevated button color

Contents

More Related Answers

Flutter Elevated button color

Closely Related Answers

how to change the color of elevatedbutton in flutter

elevated button style flutter

How to change background color of Elevated Button in flutter

Flutter Elevated Button

flutter elevated button style

elevated button flutter color

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.