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: container flutter border radius
Container(
decoration: BoxDecoration(
color: Colors.blue,
borderRadius: BorderRadius.all(
Radius.circular(10)
)
)
)
Example 3: flutter container border radius
Container(
child: Text(
'This is a Container',
textScaleFactor: 2,
style: TextStyle(color: Colors.black),
),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
color: Colors.white,
boxShadow: [
BoxShadow(color: Colors.green, spreadRadius: 3),
],
),
height: 50,
),
Example 4: 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 5: flutter border radius container
Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20.0),
color: Colors.red,
),
child:
),
Example 6: 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'), ) ), ), ), );