Circular Button Flutter Code Example


Example 1: flutter button border radius

shape: RoundedRectangleBorder(   borderRadius: BorderRadius.circular(18.0),   side: BorderSide(color: Colors.red) ),

Example 2: circular button in flutter

Container(                       width: 90,                       height: 90,                       child: RaisedButton(onPressed: (){                       },                         color: Colors.deepOrange,                           textColor: Colors.white,                         shape: CircleBorder(side: BorderSide.none),                         child: Text('Login',style: TextStyle(                             fontSize: 20.0                         ),                         ),                       ),                     )

Example 3: circle around icon flutter

CircleAvatar(    backgroundColor: Colors.white,    radius: 30,    child: Icon(Icons.add), ),

Example 4: circular icon button flutter

RawMaterialButton(   onPressed: () {},   elevation: 2.0,   fillColor: Colors.white,   child: Icon(     Icons.pause,     size: 35.0,   ),   padding: EdgeInsets.all(15.0),   shape: CircleBorder(), )

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?