How to add Border Radius to Container in Flutter ?

Hello Guys How are you all? Hope you all are fine. Today We are going to learn How to add Border Radius to Container in Flutter ?

Many times we need to give Border Radius to Container, so i am going to share my code on on how to add Border Radius to a Container.

How to add Border Radius to a Container.

• Its Very Simple. Just Add decoration to your container.
• use BoxDecoration property in decoration.
• BoxDecoration has borderRadius Property.
• give specify border radius to your Container.
• Here is My Full Source Code.

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: Text("Border Radius to Container - FlutterCorner"),
        ),
        body: Container(
          margin: EdgeInsets.all(100.0),
          decoration: BoxDecoration(
            color: Colors.green,
            borderRadius: BorderRadius.only(
              topRight: Radius.circular(30.0),
              bottomLeft: Radius.circular(30.0),
            ),
          ),
        ),
      ),
    );
  }
}

Faq

Summery

So, It’s All About How to add Border Radius to Container in Flutter ?. I hope this tutorial helps you to solve your error. Please Comment Below if You stucks anywhere with my code.

Also Check Out Below Tutorials

• How to set the width of a RaisedButton in Flutter? 7 Methods Explained
• How to set width, height, and padding of TextField in Flutter
• Also Read How to set center text vertically and horizontally in Flutter?
• How to Give Rounded Corner to Container In Flutter?
• How to create a number input field in Flutter?