CustomBadge class
A badge widget that can be overlaid on other widgets
This widget displays a small badge with text, typically used to show notification counts or status indicators on top of other widgets.
Basic example with notification count:
CustomBadge(
badgeText: '3',
child: Icon(Icons.notifications, size: 30),
)
Example with custom colors:
CustomBadge(
badgeText: '99+',
badgeColor: Colors.green,
textColor: Colors.white,
child: Icon(Icons.mail, size: 30),
)
Example with custom alignment:
CustomBadge(
badgeText: 'NEW',
alignment: Alignment.bottomLeft,
child: Container(
width: 100,
height: 100,
color: Colors.grey[300],
child: Center(child: Text('Product')),
),
)
- Inheritance
-
- Object
- DiagnosticableTree
- Widget
- StatelessWidget
- CustomBadge
Constructors
- CustomBadge({Key? key, required Widget child, required String badgeText, Color? badgeColor, Color? textColor, Alignment alignment = Alignment.topRight})
-
Creates a CustomBadge with the required parameters
const
Properties
- alignment → Alignment
-
The position of the badge relative to the child widget
final
- badgeColor → Color?
-
Optional background color for the badge
final
- badgeText → String
-
The text to display inside the badge
final
- child → Widget
-
The widget to which the badge will be attached
final
- hashCode → int
-
The hash code for this object.
no setterinherited
- 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
- textColor → Color?
-
Optional text color for the badge content
final
Methods
-
build(
BuildContext context) → Widget -
Describes the part of the user interface represented by this widget.
override
-
createElement(
) → StatelessElement -
Creates a StatelessElement to manage this widget's location in the tree.
inherited
-
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