circle border flutter code example

Example 1: round border container flutter

Container(
  decoration: BoxDecoration(
    border: Border.all(
      color: Colors.red[500],
    ),
    borderRadius: BorderRadius.all(Radius.circular(20))
  ),
  child: ...
)

Example 2: border at circleAvatar flutter

CircleAvatar(
    radius: 30,
    backgroundColor: Colors.teal,
    child: CircleAvatar(
      backgroundImage: AssetImage('assets/appdev.png'),
      radius: 28,
    ),
  ),

Example 3: 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

Related