#1 Create Beautiful Rounded Buttons in Flutter (Flutter Series by Akshit Madan)

Hey there , do you want to create a beautiful rounded button in Flutter ? Then you are at the right place. So lets see first how our output is gonna be..

So, this is how are output will look like. You can keep the border radius as per your choice. Lets see the code now —


As you can see , first I have created a SizedBox which helps in regulating the height and width of its child item , here that child is a Raised Button. Then I gave shape to my button as Rounded Rectangle border and it contains a property border radius which i provided to be 10. Try out 90 if you want completely circular buttons.

In the same way create that another button of sign in via google —

SizedBox(height: 10),

And here you completed a small part for your login page of your app .

If this article helped you , then I deserve a clap !!



Flutter Developer | ML | AR

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store