Create a Rounded Button / Button With Border-radius in Flutter

Code:-

import 'package:flutter/material.dart';

void main() {
 runApp(const MyApp());
}

class MyApp extends StatelessWidget {
 const MyApp({super.key});

 //
 @override
 Widget build(BuildContext context) {
   return MaterialApp(
     title: 'Flutter Demo',
     theme: ThemeData(
       colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
       useMaterial3: true,
     ),
     home: const MyHomePage(title: 'Flutter Demo Home Page'),
   );
 }
}

class MyHomePage extends StatefulWidget {
 const MyHomePage({super.key, required this.title});

 final String title;

 @override
 State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
 @override
 Widget build(BuildContext context) {
   return Scaffold(
     appBar: AppBar(
       backgroundColor: Theme.of(context).colorScheme.inversePrimary,
       title: Text(widget.title),
     ),
     body: Center(
       child: Column(
         mainAxisAlignment: MainAxisAlignment.center,
         children: [
           ElevatedButton(
             onPressed: () {},
             style: ButtonStyle(
               shape: WidgetStateProperty.all<RoundedRectangleBorder>(
                 /// RoundedRectangleBorder property
                 RoundedRectangleBorder(
                   borderRadius: BorderRadius.circular(18.0),


                   /// Radius change
                   side: const BorderSide(
                     color: Colors.black,
                   ),
                 ),
               ),
             ),
             child: const Text("ElevatedButton"),
           ),
           TextButton(
             style: ButtonStyle(
               shape: WidgetStateProperty.all<RoundedRectangleBorder>(
                 /// RoundedRectangleBorder property
                 RoundedRectangleBorder(
                   borderRadius: BorderRadius.circular(18.0),


                   /// Radius change
                   side: const BorderSide(
                     color: Colors.black,
                   ),
                 ),
               ),
             ),
             onPressed: () {},
             child: const Text('TextButton'),
           ),
           OutlinedButton(
             style: OutlinedButton.styleFrom(
               side: const BorderSide(
                 width: 1.0,
                 color: Colors.black,
               ),
             ),
             onPressed: () {},
             child: const Text('OutlinedButton'),
           )
         ],
       ),
     ),
   );
 }
}

Output:-