WSvg class
The Utility-First SVG Component
WSvg brings HTML SVG semantics to Flutter with Tailwind-like utility
classes for styling. Like WIcon, it inherits color/size from parent styles.
Supported Features:
- Sources: Asset paths (
src) or raw Strings (svgString) - Coloring:
fill-blue-500,stroke-red-500,text-green-500(fallback) - Sizing:
w-6,h-6,text-xl - Effects:
opacity-50,animate-spin
Example Usage:
WSvg(
src: 'assets/icons/star.svg',
className: 'fill-yellow-500 w-6 h-6 hover:scale-110 transition-transform',
)
Outlined Icons Example:
WSvg.string(
'<svg>...</svg>',
className: 'stroke-blue-500 stroke-2 w-8 h-8',
)
- Inheritance
Constructors
Properties
- className → String?
-
Tailwind-like utility classes for styling.
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
- semanticsLabel → String?
-
Semantic label for accessibility.
final
- src → String?
-
The asset path to the SVG file.
final
-
states
→ Set<
String> ? -
Custom states for dynamic styling.
final
- svgString → String?
-
Raw SVG string 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