elevated button style in flutter

Add Answer

YOU.com answered on March 5, 2021 Popularity 8/10 Helpfulness 4/10

answer elevated button style in flutter

related Flutter Elevated button color

related ElevatedButton flutter style

related elevated button style flutter

related flutter elevated button style

related elevated button flutter color

related elevated button color flutter

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

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

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 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 style in flutter

Contents

More Related Answers

elevated button style in flutter

Closely Related Answers

Flutter Elevated button color

ElevatedButton flutter style

elevated button style flutter

flutter elevated button style

elevated button flutter color

elevated button color flutter

Grepper

Documentation

Social

Legal

Contact

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