Create a button with rounded border

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

User · Answer

So I did mine with the full styling and border colors like this   new OutlineButton      shape  StadiumBorder        textColor  Colors blue      child  Text  Button Text        borderSide  BorderSide          color  Colors blue  style  BorderStyle solid           width  1       onPressed

User · Answer

If you don t want to use OutlineButton and want to stick to normal RaisedButton  you can wrap your button in ClipRRect or ClipOval like   ClipRRect    borderRadius  BorderRadius circular 40     child  RaisedButton      child  Text  Button        onPressed

User · Answer

For implementing the rounded border button with a border color use this  OutlineButton                      child  new Text  Button Text   borderSide  BorderSide color  Colors blue                       onPressed  null                      shape  new RoundedRectangleBorder borderRadius  new BorderRadius circular 20 0

User · Answer

Use OutlineButton instead of FlatButton   new OutlineButton    child  new Text  Button text      onPressed  null    shape  new RoundedRectangleBorder borderRadius  new BorderRadius circular 30 0

User · Answer

Use StadiumBorder shape                OutlineButton                  onPressed                         child  Text  Follow                    borderSide  BorderSide color  Colors blue                   shape  StadiumBorder

User · Answer

new OutlineButton     child  new Text  blue outline        borderSide  BorderSide color  Colors blue            this property adds outline border color

User · Answer

FlatButton            onPressed  null            child  Text  Button   style  TextStyle                color  Colors blue                                      textColor  MyColor white            shape  RoundedRectangleBorder side  BorderSide              color  Colors blue              width  1              style  BorderStyle solid              borderRadius  BorderRadius circular 50

[flutter] Create a button with rounded border

Examples related to flutter