AuiSkeleton class
A skeleton loading placeholder widget with a left-to-right shimmer animation.
Use AuiSkeleton to indicate that content is loading. It renders a rounded rectangle filled with a sliding gradient that animates between baseColor and highlightColor, creating a shimmer effect.
Named constructors are provided for common use-cases:
- AuiSkeleton.text — thin line suitable for body text
- AuiSkeleton.circle — perfect circle suitable for avatars
- AuiSkeleton.rect — large rectangle suitable for images or cards
- Inheritance
-
- Object
- DiagnosticableTree
- Widget
- StatefulWidget
- AuiSkeleton
Constructors
- AuiSkeleton({Key? key, double? width, double height = 16.0, BorderRadiusGeometry borderRadius = const BorderRadius.all(Radius.circular(4)), Color? baseColor, Color? highlightColor})
-
Creates a skeleton placeholder with optional size and color customisation.
const
- AuiSkeleton.circle({Key? key, double size = 40, Color? baseColor, Color? highlightColor})
- Creates a circular skeleton suitable for avatar placeholders.
- AuiSkeleton.rect({Key? key, double? width = double.infinity, double height = 120, BorderRadiusGeometry borderRadius = const BorderRadius.all(Radius.circular(4)), Color? baseColor, Color? highlightColor})
-
Creates a rectangular skeleton suitable for image or card placeholders.
const
- AuiSkeleton.text({Key? key, double? width = 200, double height = 14, BorderRadiusGeometry borderRadius = const BorderRadius.all(Radius.circular(4)), Color? baseColor, Color? highlightColor})
-
Creates a thin skeleton line suitable for text placeholders.
const
Properties
- baseColor → Color?
-
The base (darker) color of the shimmer gradient.
final
- borderRadius → BorderRadiusGeometry
-
Border radius of the skeleton shape.
final
- hashCode → int
-
The hash code for this object.
no setterinherited
- height → double
-
Height of the skeleton.
final
- highlightColor → Color?
-
The highlight (lighter) color of the shimmer gradient.
final
- key → Key?
-
Controls how one widget replaces another widget in the tree.
finalinherited
- runtimeType → Type
-
A representation of the runtime type of the object.
no setterinherited
- width → double?
-
Width of the skeleton. Defaults to double.infinity when null.
final
Methods
-
createElement(
) → StatefulElement -
Creates a StatefulElement to manage this widget's location in the tree.
inherited
-
createState(
) → State< AuiSkeleton> -
Creates the mutable state for this widget at a given location in the tree.
override
-
debugDescribeChildren(
) → List< DiagnosticsNode> -
Returns a list of DiagnosticsNode objects describing this node's
children.
inherited
-
debugFillProperties(
DiagnosticPropertiesBuilder properties) → void -
Add additional properties associated with the node.
inherited
-
noSuchMethod(
Invocation invocation) → dynamic -
Invoked when a nonexistent method or property is accessed.
inherited
-
toDiagnosticsNode(
{String? name, DiagnosticsTreeStyle? style}) → DiagnosticsNode -
Returns a debug representation of the object that is used by debugging
tools and by DiagnosticsNode.toStringDeep.
inherited
-
toString(
{DiagnosticLevel minLevel = DiagnosticLevel.info}) → String -
A string representation of this object.
inherited
-
toStringDeep(
{String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug, int wrapWidth = 65}) → String -
Returns a string representation of this node and its descendants.
inherited
-
toStringShallow(
{String joiner = ', ', DiagnosticLevel minLevel = DiagnosticLevel.debug}) → String -
Returns a one-line detailed description of the object.
inherited
-
toStringShort(
) → String -
A short, textual description of this widget.
inherited
Operators
-
operator ==(
Object other) → bool -
The equality operator.
inherited