CircleAvatar

The Stac CircleAvatar allows you to build a Flutter circle avatar widget using JSON. To know more about the circle avatar widget in Flutter, refer to the official documentation.

Properties

Property	Type	Description
child	`StacWidget`	The widget to display inside the circle avatar.
backgroundColor	`StacColor`	The background color of the circle avatar.
backgroundImage	`String`	The background image of the circle avatar.
foregroundImage	`String`	The foreground image of the circle avatar.
onBackgroundImageError	`StacAction`	The error widget to display if the background image fails to load.
onForegroundImageError	`StacAction`	The error widget to display if the foreground image fails to load.
foregroundColor	`StacColor`	The color of the circle avatar’s foreground elements.
radius	`double`	The radius of the circle avatar.
minRadius	`double`	The minimum radius of the circle avatar.
maxRadius	`double`	The maximum radius of the circle avatar.

Example

Dart
JSON
Preview

StacCircleAvatar(
  backgroundColor: StacColors.red,
  foregroundColor: StacColors.white,
  backgroundImage: 'https://raw.githubusercontent.com/StacDev/stac/refs/heads/dev/assets/companies/bettrdo.jpg',
  radius: 50,
  child: StacText(data: 'A'),
)

{
  "type": "circleAvatar",
  "backgroundColor": "#FF0000",
  "foregroundColor": "#FFFFFF",
  "backgroundImage": "https://raw.githubusercontent.com/StacDev/stac/refs/heads/dev/assets/companies/bettrdo.jpg",
  "radius": 50,
  "child": {
    "type": "text",
    "data": "A"
  }
}

CarouselView ClipOval

Layout Widgets

Display Widgets

Interactive Widgets

Data Widgets

CircleAvatar

Properties

Example

​Properties

​Example

Properties

Example