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: column round border flutter
Container(
decoration: BoxDecoration(
border: Border.all(
color: Colors.red[500],
),
color: Colors.green[500],
borderRadius: BorderRadius.all(Radius.circular(20))
),
child: ...
)
Example 3: flutter container radius
Container(
child: Text("It's text..."),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10), // radius of 10
color: Colors.green // green as background color
)
)
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: round container flutter
Container(
width: screenWidth / 7,
decoration: BoxDecoration(
border: Border.all(
color: Colors.red[500],
),
),
child: Padding(
padding: EdgeInsets.all(5.0),
child: Column(
children: [
Text(
'6',
style: TextStyle(
color: Colors.red[500],
fontSize: 25),
),
Text(
'sep',
style: TextStyle(
color: Colors.red[500]),
)
],
),
),
);
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'), ) ), ), ), );