Answers for "flutter card shape rounded corners"

12

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,
  ),
),
Posted by: Guest on February-17-2021
11

Flutter give image rounded corners

ClipRRect(
    borderRadius: BorderRadius.circular(8.0),
    child: Image.network(
        subject['images']['large'],
        height: 150.0,
        width: 100.0,
    ),
)
Posted by: Guest on April-15-2020
2

how to give shape to card in flutter

Card(
  color: Colors.grey[900],
  shape: RoundedRectangleBorder(
    side: BorderSide(color: Colors.white70, width: 1),
    borderRadius: BorderRadius.circular(10),
  ),
  margin: EdgeInsets.all(20.0),
  child: Container(
    child: Column(
        children: <Widget>[
        ListTile(
            title: Text(
            'example',
            style: TextStyle(fontSize: 18, color: Colors.white),
            ),
        ),
        ],
    ),
  ),
),
Posted by: Guest on July-29-2020
7

card border radius in flutter

Card(
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(15.0),
      ),
      child: Container() )
Posted by: Guest on January-09-2021

Code answers related to "flutter card shape rounded corners"

Browse Popular Code Answers by Language