Rotation

Examples

NeoRotation(
  isRotating: isLoading.value, // Using hooks
  child: PhosphorIcon(
    PhosphorIconsRegular.spinner,
    color: theme.colors.fgBrand,
    size: 24,
  ),
),

NeoRotation(
  isRotating: isRefreshing.value, // Using hooks
  child: NeoButton(
    variant: .ghost,
    icon: PhosphorIconsRegular.arrowsClockwise,
    onPressed: () {
      // Handle refresh
    },
  ),
),

Properties

Required

bool

required

Controls whether the rotation animation is active. When true, the child rotates continuously. When false, rotation stops with a smooth spring animation to the nearest complete rotation.

Widget

required

The widget to apply rotation animation to. This can be any widget including Icons, Containers, or complex widget trees.

Animation Behavior

Continuous Rotation

When isRotating is true, the widget rotates continuously at a steady pace (360° per second).

Spring Stop Animation

When isRotating changes from true to false, the rotation doesn’t stop abruptly. Instead, it uses a physics-based spring animation to smoothly decelerate to the nearest complete rotation (0°, 90°, 180°, or 270°).

Best Practices

Can be combined nicely with loading indicators like PhosphorIcons.spinner, PhosphorIcons.circleNotch, PhosphorIcons.arrowsClockwise etc

Integration Notes

Works seamlessly with any widget, including complex widget trees
The widget handles smooth transitions when isRotating state changes rapidly

Getting Started

AI

Neo CLI

Widgets

Layouts

Theming

Utilities

Examples

Properties

Required

Animation Behavior

Continuous Rotation

Spring Stop Animation

Best Practices

Integration Notes

​Examples

​Properties

​Required

​Animation Behavior

​Continuous Rotation

​Spring Stop Animation

​Best Practices

​Integration Notes

Examples

Properties

Required

Animation Behavior

Continuous Rotation

Spring Stop Animation

Best Practices

Integration Notes