flutter rounded button with icon code example

Example 1: rounded raisedbutton in flutter

RaisedButton(
                onPressed: () {},
                color: Colors.amber,
                shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(10)),
                child: Text("Click This"),
              )

Example 2: rounded button flutter

FlatButton(
              color: Colors.red,
              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(18.0)),
              child: new Text('round button'),
              onPressed: () {},
            ),

Example 3: circle around icon flutter

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

Example 4: 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 5: flutter RaisedButton with icon

// JZ
Container(
                  height: 25.0,
                  padding: EdgeInsets.only(left: 10.0),
                  child: RaisedButton.icon(
                    color: Colors.white,
                    label: Text(
                      'Te amo, pero no eres para mi',
                      style: TextStyle(fontSize: 13.0),
                    ),
                    icon: Icon(
                      Icons.ac_unit_outlined,
                      size: 13.0,
                    ),
                    onPressed: () {},
                  ),
                )

Example 6: flutter raised button with icon

FlatButton.icon(onPressed: null, icon: null, label: null);
RaisedButton.icon(onPressed: null, icon: null, label: null);