Motion tokens — durations and easing curves aligned with Material 3.
Follow M3's motion guidelines:
- Use emphasized for elements that move within the screen.
- Use emphasizedDecel for elements entering the screen (expand, appear).
- Use emphasizedAccel for elements exiting the screen (collapse, disappear).
Usage:
AnimatedContainer(
duration: AppMotion.moderate,
curve: AppMotion.emphasized,
)
Properties
- hashCode → int
-
The hash code for this object.
no setterinherited
- runtimeType → Type
-
A representation of the runtime type of the object.
no setterinherited
Methods
-
noSuchMethod(
Invocation invocation) → dynamic -
Invoked when a nonexistent method or property is accessed.
inherited
-
toString(
) → String -
A string representation of this object.
inherited
Operators
-
operator ==(
Object other) → bool -
The equality operator.
inherited
Constants
- deliberate → const Duration
- Deliberate/emphasis transition (e.g., hero, FAB morph).
- easeIn → const Curve
- easeInOut → const Curve
- easeOut → const Curve
- emphasized → const Curve
- M3 Standard — for elements moving within screen bounds.
- emphasizedAccel → const Curve
- M3 Standard accelerate — for elements exiting the screen.
- emphasizedDecel → const Curve
- M3 Standard decelerate — for elements entering the screen.
- fast → const Duration
- Fast UI response (e.g., tooltip, icon swap).
- instant → const Duration
- No animation — immediate state change.
- linear → const Curve
- micro → const Duration
- Micro-interaction feedback (e.g., button press ripple).
- moderate → const Duration
- Standard short transition (e.g., chip select, toggle).
- page → const Duration
- Full-screen page transition.
- slow → const Duration
- Slow feedback (e.g., skeleton shimmer, staggered list).
- spring → const Curve
- Spring-like overshoot — for playful, expressive moments.
- standard → const Duration
- Default transition (e.g., card expand, dialog open).