circular raised button flutter code example

Example 1: flutter button border radius

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

Example 2: rounded button flutter

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

Example 3: 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 4: A circuler border button in flutter

Padding(  padding: EdgeInsets.only(left: 150.0, right: 0.0),  child: RaisedButton(    textColor: Colors.white,    color: Colors.black,    child: Text("Search"),    onPressed: () {},    shape: new RoundedRectangleBorder(      borderRadius: new BorderRadius.circular(30.0),    ),  ),)

Tags:

Misc Example