Circle Button Flutter Code Example


Example 1: 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 2: circle around icon flutter

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

Example 3: flutter icon button circle

ClipOval(   child: Material(     color: Colors.blue, // button color     child: InkWell(       splashColor: Colors.red, // inkwell color       child: SizedBox(width: 56, height: 56, child: Icon(Icons.menu)),       onTap: () {},     ),   ), )

Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android SDK Location Should Not Contain Whitespace, As This Cause Problems With NDK Tools