Example 1: flutter container rounded corners
Container(
decoration: BoxDecoration(
border: Border.all(
color: Colors.red[500],
),
borderRadius: BorderRadius.all(Radius.circular(20))
),
child: ...
)
Example 2: flutter round container
QUESTION: Flutter give container rounded border
ANSWER1:
Container(
decoration: BoxDecoration(
shape: BoxShape.circle,
),
child: ...
),
ANSWER 2:
Container(
decoration: BoxDecoration(
border: Border.all(
color: Colors.red[500],
),
borderRadius: BorderRadius.all(Radius.circular(20))
),
child: ...
)
Example 3: flutter rounded container transperent corners
new Container(
height: 300.0,
color: Colors.transparent,
child: new Container(
decoration: new BoxDecoration(
color: Colors.green,
borderRadius: new BorderRadius.only(
topLeft: const Radius.circular(40.0),
topRight: const Radius.circular(40.0),
)
),
child: new Center(
child: new Text("Hi modal sheet"),
)
),
),
Example 4: flutter border radius container
Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20.0),
color: Colors.red,
),
child:
),
Example 5: flutter container rounded corners
new Center( child: new Container( width: 200.0, height: 200.0, color: Colors.white, child: new Container( decoration: new BoxDecoration( border: new Border.all( color: Colors.green, width: 5.0, style: BorderStyle.solid ), borderRadius: new BorderRadius.all(new Radius.circular(20.0)), image: new DecorationImage( image: new AssetImage('assets/images/JL-Logo-150.png'), ) ), ), ), );