Border Radius For 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: 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),             ),         ),         ],     ),   ), ),

Example 3: card border radius in flutter

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

Comments

Popular posts from this blog

Are Regular VACUUM ANALYZE Still Recommended Under 9.1?

Can Feynman Diagrams Be Used To Represent Any Perturbation Theory?