Flutter rounded ElevatedButton

Flutter elevated button radius

style: ButtonStyle(
  shape: MaterialStateProperty.all<RoundedRectangleBorder>(
    RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(18.0),
      side: BorderSide(color: Colors.red)
    )
  )
)

Source: stackoverflow.com

Rounded raisedbutton in flutter

    
        RaisedButton(
                onPressed: () {},
                color: Colors.amber,
                shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(10)),
                child: Text("Click This"),
              )

Source: mightytechno.com

Rounded button flutter

FlatButton(
              color: Colors.red,
              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(18.0)),
              child: new Text('round button'),
              onPressed: () {},
            ),

Source: stackoverflow.com

Round border button flutter

RawMaterialButton(
  onPressed: () {},
  elevation: 2.0,
  fillColor: Colors.white,
  child: Icon(
    Icons.pause,
    size: 35.0,
  ),
  padding: EdgeInsets.all(15.0),
  shape: CircleBorder(),
)

Flutter rounded ElevatedButton

ElevatedButton(
  onPressed: () {},
  style: ElevatedButton.styleFrom(
  	shape: new RoundedRectangleBorder(
    	borderRadius: new BorderRadius.circular(30.0),
  	),
  ),
  child: Text(
    "Click ME!!"
  ),
)

Source: flutterforyou.com

Futter Rounded Button

style: ButtonStyle(
  shape: MaterialStateProperty.all<RoundedRectangleBorder>(
    RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(18.0),
      side: BorderSide(color: Colors.red)
    )
  )
)

Source: stackoverflow.com

Similar codes

9 votes296 views2 answers
Material button shape flutter
Dart
27 votes552 views6 answers
Dart for in loop
Dart
5 votes333 views1 answer
String to double fultter
Dart
12 votes377 views2 answers
Height appbar flutter
Dart
1 vote293 views2 answers
Flutter circularprogressindicator color
Dart
0 vote347 views1 answer
Getting internet connectivity in flutter with getx
Dart
0 vote341 views1 answer
Flutter disable android back button
Dart
0 vote365 views1 answer
Flutter dart imagepicker quality reduce resize
Dart
1 vote345 views1 answer
Ink image clip flutter
Dart
0 vote319 views1 answer
Concatenate in flutter
Dart