flutter rounded corners card 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: shape property of card in flutter

Card(
  elevation: 5,
  shape: RoundedRectangleBorder(
  borderRadius: BorderRadius.circular(10),
  ),
  child: ListTile(),
)

Example 3: card border radius in flutter

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

Example 4: shape property of card in flutter

Card(
  elevation: 5,
  shape: RoundedRectangleBorder(
  borderRadius: BorderRadius.circular(10),
  ),
  child: ListTile(),
)

Tags:

Dart Example