feat: added enabled prop

animate-react-native · Sep 25, 2023 · ff29e92 · ff29e92
1 parent e90a633
commit ff29e92
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/index.tsx b/src/index.tsx
@@ -9,6 +9,10 @@ import Animated, {
 import type { ViewStyle } from 'react-native';
 
 export type StaggerProps = React.PropsWithChildren<{
+  enabled?: boolean;
+  /**
+   * to enable or disable the stagger animation
+   */
   stagger?: number;
   /**
    * The direction of the enter animation.
@@ -54,6 +58,7 @@ export type StaggerProps = React.PropsWithChildren<{
 }>;
 export function Stagger({
   children,
+  enabled = true,
   stagger = 50,
   enterDirection = 1,
   exitDirection = -1,
@@ -68,6 +73,10 @@ export function Stagger({
     return null;
   }
 
+  if (!enabled) {
+    return <Animated.View style={style}>{children}</Animated.View>;
+  }
+
   return (
     <Animated.View style={style} layout={Layout}>
       {React.Children.map(children, (child, index) => {
@@ -101,4 +110,4 @@ export function Stagger({
       })}
     </Animated.View>
   );
-}
+}