raisedbutton flutter rounded 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 elevated button radius

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

Example 3: using shape property in flutter for circular corner

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

Example 4: A circuler border button in flutter

Padding(  padding: EdgeInsets.only(left: 150.0, right: 0.0),  child: RaisedButton(    textColor: Colors.white,    color: Colors.black,    child: Text("Search"),    onPressed: () {},    shape: new RoundedRectangleBorder(      borderRadius: new BorderRadius.circular(30.0),    ),  ),)

Tags:

Assembly Example

Related