MorphSlot<T> class

MorphSlot - Widget morphing animations.

Smoothly morphs between different widget states based on signal values. Perfect for play/pause buttons, expand/collapse cards, and shape transitions.

Example:

class PlayerController extends NeuronController {
  late final isPlaying = Signal<bool>(false).bind(this);
  void toggle() => isPlaying.emit(!isPlaying.val);
}

// Play/Pause button morph:
MorphSlot<bool>(
  connect: controller.isPlaying,
  config: MorphConfig.smooth,
  morphBuilder: (context, value) => MorphableWidget(
    child: Icon(value ? Icons.pause : Icons.play_arrow, size: 48),
    decoration: BoxDecoration(
      color: value ? Colors.red : Colors.green,
      shape: BoxShape.circle,
    ),
    size: Size(80, 80),
  ),
)

// Expandable card:
MorphSlot<bool>(
  connect: controller.isExpanded,
  config: MorphConfig.bouncy,
  morphBuilder: (context, expanded) => MorphableWidget(
    child: expanded ? ExpandedContent() : CollapsedContent(),
    decoration: BoxDecoration(
      color: Colors.white,
      borderRadius: BorderRadius.circular(expanded ? 16 : 8),
      boxShadow: [BoxShadow(blurRadius: expanded ? 20 : 8)],
    ),
    size: Size(double.infinity, expanded ? 300 : 80),
  ),
)
Inheritance
Available extensions

Constructors

MorphSlot({Key? key, required Signal<T> connect, required MorphableWidget morphBuilder(BuildContext context, T value), MorphConfig config = const MorphConfig(), VoidCallback? onMorphStart, VoidCallback? onMorphComplete})
const

Properties

config MorphConfig
Configuration for the morph animation
final
connect Signal<T>
The signal to connect to
final
hashCode int
The hash code for this object.
no setterinherited
key Key?
Controls how one widget replaces another widget in the tree.
finalinherited
morphBuilder MorphableWidget Function(BuildContext context, T value)
Builder that returns a MorphableWidget for each value
final
onMorphComplete VoidCallback?
Callback when morph animation completes
final
onMorphStart VoidCallback?
Callback when morph animation starts
final
runtimeType Type
A representation of the runtime type of the object.
no setterinherited

Methods

createElement() StatefulElement
Creates a StatefulElement to manage this widget's location in the tree.
inherited
createState() State<MorphSlot<T>>
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
onTap(VoidCallback onTap, {double pressedScale = 0.95}) Widget

Available on Widget, provided by the SlotWidgetModifiers extension

Wrap with tap gesture.
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
withDelay(Duration delay) Widget

Available on Widget, provided by the SlotWidgetModifiers extension

Add a delay before showing.
withFade({Duration duration = const Duration(milliseconds: 300), Curve curve = Curves.easeInOut}) Widget

Available on Widget, provided by the SlotWidgetModifiers extension

Wrap with fade animation on appear.
withHero(Object tag) Widget

Available on Widget, provided by the SlotWidgetModifiers extension

Wrap with hero animation.
withScale({double begin = 0.8, double end = 1.0, Duration duration = const Duration(milliseconds: 300), Curve curve = Curves.easeOutBack}) Widget

Available on Widget, provided by the SlotWidgetModifiers extension

Wrap with scale animation on appear.
withShimmer({Duration duration = const Duration(milliseconds: 1500), Color baseColor = const Color(0xFFE0E0E0), Color highlightColor = const Color(0xFFF5F5F5)}) Widget

Available on Widget, provided by the SlotWidgetModifiers extension

Apply a shimmer loading effect.
withSlide({Offset begin = const Offset(0, 0.2), Offset end = Offset.zero, Duration duration = const Duration(milliseconds: 300), Curve curve = Curves.easeOutCubic}) Widget

Available on Widget, provided by the SlotWidgetModifiers extension

Wrap with slide animation on appear.

Operators

operator ==(Object other) bool
The equality operator.
inherited