flutter border radius container code example

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: 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 4: 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 5: 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 6: flutter border radius container

Container(
   decoration: BoxDecoration(
   borderRadius: BorderRadius.circular(20.0),
   color: Colors.red,
   ),
   child: 
),

Tags:

Dart Example