Circle Avatar with Border in Flutter

In flutter, creating CircleAvatar with border is simple. Just wrap CircleAvatar widget within another CircleAvatar widget and then set different radius and backgroundColor to achieve the required border.

Here is the code snippet for creating CircleAvatar with border in Flutter.

Code Snippet: CircleAvatar with Border


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