How to change the shape of elevatedbutton | Flutter

You can use the following way (2025 Update):

Inside the elevated button,

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

Here you can play with BorderRadius property to get different shapes.

Old Method

You can use a Container as a child of the Button or do this:

      ElevatedButton.styleFrom(
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(30.0),
        ),
        child: Text(' Elevated Button'),
      ),