raised button rounded corners flutter code example

Example 1: rounded raisedbutton in flutter

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

Example 2: flutter button border radius

shape: RoundedRectangleBorder(
  borderRadius: BorderRadius.circular(18.0),
  side: BorderSide(color: Colors.red)
),

Example 3: rounded button flutter

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

Example 4: 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(),
)

Example 5: how to change the shape of a buton in flutter to cicular

RawMaterialButton(
  ...,
  shape: CircleBorder(),
)

Tags:

Misc Example