<p>In this example, I'm going to share the code on how to share a Container as a Circle.</p> <p>Here is how the final output is going to look like.</p> <p>);</p> <p>class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState(); }</p> <p>class _MyAppState extends State { double padValue = 0; @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text("Container as a Circle"), ),</p> <pre> body: Container( margin: EdgeInsets.all(100.0), decoration: BoxDecoration( color: Colors.orange, shape: BoxShape.circle ), ) ), ); </pre> <p>} }</p> <p>Hope this is helpful to you.</p> <p>Thanks, Srikanth</p>
How to shape a Container as a Circle in Flutter?
This Article is posted by seven.srikanth at 9/10/2019 4:59:11 PM
Check out our other latest articles
Safearea widget - How to avoid visual overlap with Notch on flutter mobile app?How to convert row of widgets into column of widgets in flutter based on screen size?
How to run Flutter programs from GitHub?
How to get screen orientation in flutter?
NavigationRail example in flutter
Tags: Container as a Circle
Check out our other latest articles
Safearea widget - How to avoid visual overlap with Notch on flutter mobile app?How to convert row of widgets into column of widgets in flutter based on screen size?
How to run Flutter programs from GitHub?
How to get screen orientation in flutter?
NavigationRail example in flutter