Create Rounded Corner Radius Raised Button in Flutter Android iOS

Raised button widget has a property named as shape which supports RoundedRectangleBorder option. Here we can pass the borderRadius using BorderRadius.circular(double value). This would curve the button corners in round shape. So in this tutorial we would Create Rounded Corner Radius Raised Button in Flutter Android iOS Example Tutorial.

Contents in this project Create Rounded Corner Radius Raised Button in Flutter Android iOS:

1. Import material.dart package in your app’s main.dart file.

2. Create void main runApp() method and call our main MyApp class using it.

3. Create our main MyApp class extends with State less widget.

4. Create Widget build area in MyApp class and make a Center widget in it.

5. Creating Raised button in Center widget with borderRadius: new BorderRadius.circular() to Create Rounded Corner Radius Raised Button in Flutter.

6. Complete source code for main.dart file:

Screenshot:

Create Rounded Corner Radius Raised Button in Flutter Android iOS

Leave a Reply

Your email address will not be published.