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

elevated button style flutter

Add Answer

YVONNE CHIN answered on March 5, 2021 Popularity 10/10 Helpfulness 6/10

answer elevated button style flutter

related Flutter Elevated button color

related ElevatedButton flutter style

related elevated button flutter color

related flutter elevated button style

related elevated button style in flutter

related elevated button color flutter

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

Link to this answer
Share Copy Link

Contributed on Jun 02 2022

YVONNE CHIN

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

ElevatedButton flutter style

Comments(1)

ElevatedButton(
  style: ElevatedButton.styleFrom(
  onPrimary: Colors.black87,
  primary: Colors.grey[300],
  minimumSize: Size(88, 36),
  padding: EdgeInsets.symmetric(horizontal: 16),
  shape: ElevatedButton.styleFrom(
    primary: ThemeColors.darkBg,
    shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10.0), side: BorderSide(color: Colors.black)),
    ),
  onPressed: () { },
  child: Text('Looks like a RaisedButton'),
)

Popularity 10/10 Helpfulness 10/10 Language dart

Source: Grepper

Tags: dart

Link to this answer
Share Copy Link

Contributed on Jun 08 2021

loonix

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

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 8/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 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 7/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 8/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 style flutter

Contents

More Related Answers

elevated button style flutter

Closely Related Answers

Flutter Elevated button color

ElevatedButton flutter style

elevated button flutter color

flutter elevated button style

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.