rounded corner card in flutter code example

Example 1: card rounded corners flutter

Card(							//Card with circular border
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(15.0),	
  ),
  child: Text(
    'Card with circular border',
    textScaleFactor: 1.2,
  ),
),
Card(							//Card with beveled border
  shape: BeveledRectangleBorder(
    borderRadius: BorderRadius.circular(10.0),	
  ),
  child: Text(
    'Card with Beveled border',
    textScaleFactor: 1.2,
  ),
),
Card(
  shape: StadiumBorder(			//Card with stadium border
  side: BorderSide(
    color: Colors.black,
    width: 2.0,
  ),
),
  child: Text(
    'Card with Beveled border',
    textScaleFactor: 1.2,
  ),
),

Example 2: card border radius in flutter

Card(
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(15.0),
      ),
      child: Container() )

Example 3: flutter squared avatar rounded borders

ClipRRect(
  borderRadius: BorderRadius.circular(20.0),//or 15.0
  child: Container(
    height: 70.0,
    width: 70.0,
    color: Color(0xffFF0E58),
    child: Icon(Icons.volume_up, color: Colors.white, size: 50.0),
  ),
),

Tags:

Misc Example