flutter circle shape code example

Example 1: flutter circular container

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

Example 2: using shape property in flutter for circular corner

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

Example 3: circle around icon flutter

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

Tags:

Misc Example

Related