Support infinit animations in a style

[dickermoshe]

Use case

It would be nice if we could define a box which spins forever in a style

Proposal

BoxStyler().phaseAnimation(
      running: true, // If set to true, this style will run from "start" -> "end" -> "start" ...
      phases: ["start", "end"],
      styleBuilder: (phase, style) {
        if (phase == "start") {
          return style.rotate(0);
        }
        return style.rotate(360);
      },
      configBuilder: (phase) {
        return CurveAnimationConfig.linear(Duration(seconds: 1));
      },
    );

[tilucasoli]

Hey @dickermoshe ! Sorry for the delay on this one. I just opened PR #824 that adds loop animation support for both phaseAnimation and keyframeAnimation.
The approach follows SwiftUI's animation model: when no trigger is provided, the animation loops continuously. If a trigger is provided, it only animates when the trigger value changes.

With Trigger

final trigger = ValueNotifier(0);

BoxStyler()
  .color(Colors.deepPurple)
  .phaseAnimation(
    trigger: trigger, // Only animates when trigger changes
    phases: [1.0, 1.2],
    styleBuilder: (phase, style) => style.scale(phase),
    configBuilder: (phase) => .springWithDampingRatio(800.ms, ratio: 0.3),
  );

No Trigger

BoxStyler()
  .color(Colors.deepPurple)
  .phaseAnimation(
    phases: [1.0, 1.2],
    styleBuilder: (phase, style) => style.scale(phase),
    configBuilder: (phase) => .springWithDampingRatio(800.ms, ratio: 0.3),
  );

[dickermoshe]

That is really really nice, thank you so much