circular Icon 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: () {},
    ),
  ),
)

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(),
)

Tags:

Dart Example