Create a button with rounded border [duplicate]

Question

How would you make a FlatButton into a button with a rounded border? I have the rounded border shape using RoundedRectangleBorder but somehow need to color the border.

new FlatButton(   child: new Text("Button text),   onPressed: null,   shape: new RoundedRectangleBorder(borderRadius: new BorderRadius.circular(30.0)) ) 

Example of how button with rounded button would look :

Answer 1

Use OutlinedButton instead of FlatButton.

OutlinedButton(   onPressed: null,   style: ButtonStyle(     shape: MaterialStateProperty.all(RoundedRectangleBorder(borderRadius: BorderRadius.circular(30.0))),   ),   child: const Text("Button text"), );