elevated button flutter border radius code example

Example 1: flutter elevated button radius

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

Example 2: flutter button border radius

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

Example 3: 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 4: how to set button radius in flutter

RaisedButton(  shape: StadiumBorder(),  onPressed: () {},  child: Text("Button"),)

Tags:

Misc Example

Related