🔧 Update Pack V1 #13

Author: SaadArdati

example/lib/main.dart

@@ -11,7 +11,7 @@ import 'package:hyper_effects_demo/stories/counter_app.dart';
 import 'package:hyper_effects_demo/stories/scroll_phase_transition.dart';
 import 'package:hyper_effects_demo/stories/scroll_wheel_blur.dart';
 import 'package:hyper_effects_demo/stories/scroll_wheel_transition.dart';
-import 'package:hyper_effects_demo/stories/one_shot_animation.dart';
+import 'package:hyper_effects_demo/stories/one_shot_reset_animation.dart';
 import 'package:hyper_effects_demo/stories/text_animation.dart';
 import 'package:hyper_effects_demo/stories/windows_settings_transition.dart';
 
@@ -89,8 +89,8 @@ class _StoryboardState extends State<Storyboard> {
       child: CounterApp(),
     ),
     const Story(
-      title: 'Fade In Animation',
-      child: OneShotAnimation(),
+      title: 'One-Shot Reset Animation',
+      child: OneShotResetAnimation(),
     ),
     const Story(
       title: 'Spring Animation',
@@ -363,7 +363,7 @@ class _ContentViewState extends State<ContentView> with WidgetsBindingObserver {
                   strokeAlign: BorderSide.strokeAlignOutside,
                 ),
               ),
-              child: Center(child: widget.child),
+              child: Center(child: ClipRect(child: widget.child)),
             );
           },
         ),

example/lib/stories/one_shot_animation.dart

@@ -0,0 +1,31 @@
+import 'package:flutter/material.dart';
+import 'package:hyper_effects/hyper_effects.dart';
+
+class OneShotResetAnimation extends StatefulWidget {
+  const OneShotResetAnimation({super.key});
+
+  @override
+  State<OneShotResetAnimation> createState() => _OneShotResetAnimationState();
+}
+
+class _OneShotResetAnimationState extends State<OneShotResetAnimation> {
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: Image.asset('assets/pin_ball_256x.png', width: 150, height: 150)
+          // Step 1
+          .translateX(100, from: -100)
+          .oneShot()
+          // Step 2
+          .slideOutToBottom()
+          .animateAfter()
+          // Step 3
+          .slideOutToLeft(value: -200)
+          .animateAfter()
+          // Step 4
+          .slideOutToTop()
+          .animateAfter()
+          .resetAll(),
+    );
+  }
+}

example/lib/stories/one_shot_reset_animation.dart

@@ -21,18 +21,18 @@ class _SpringAnimationState extends State<SpringAnimation> {
           });
         },
         child: Image.asset('assets/pin_ball_256x.png', width: 150, height: 150)
-            .translateY(selected ? 300 : 0)
+            .translateY(300, from: 0)
             .animate(
-                toggle: selected,
-                curve: selected ? Curves.easeOutQuart : Curves.elasticOut,
-                duration: Duration(milliseconds: selected ? 1000 : 450),
-                onEnd: () {
-                  if (selected) {
-                    setState(() {
-                      selected = false;
-                    });
-                  }
-                }),
+              toggle: selected,
+              curve: Curves.easeOutQuart,
+              duration: const Duration(milliseconds: 1000),
+            )
+            .slideOut(const Offset(0, -300))
+            .animateAfter(
+              curve: Curves.elasticOut,
+              duration: const Duration(milliseconds: 450),
+            )
+            .resetAll(),
       ),
     );
   }

example/lib/stories/spring_animation.dart

@@ -1,7 +1,7 @@
 library hyper_effects;
 
 export 'src/animated_effect.dart';
-export 'src/effect_builder.dart';
+export 'src/effect_widget.dart';
 export 'src/effects/effects.dart';
 export 'src/extensions.dart';
 export 'src/scroll_phase.dart';