Use the border and borderRadius property of BoxDecoration to define the rounded corners of the border. You can set:

  • Radius: Use the Radius.circular(value) constructor to set a uniform radius for all corners.
  • Individual Corners: Use properties like topLeft, topRight, bottomLeft, and bottomRight with custom Radius values to set different borderRadius for each corner.

Ex1.

Container(
  height: 200,
  width: 200,
  decoration: BoxDecoration(
    border: Border.all(
      color: Colors.yellow,
      width: 5.0,
    ),
    borderRadius: BorderRadius.circular(10.0), // Uniform radius
  ),
)

Output :

Support On Demand!

Flutter