From cf335e28b05f9f6b63bdc3405215f2cc799f3690 Mon Sep 17 00:00:00 2001
From: Avinash Lingaloo <avinashlng1080@gmail.com>
Date: Fri, 29 Apr 2022 13:54:05 +0400
Subject: [PATCH] fix  layoutAnimation

---
 app/screens/snack_bar/index.tsx | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/app/screens/snack_bar/index.tsx b/app/screens/snack_bar/index.tsx
index 16a1348ef7..88a2d7436b 100644
--- a/app/screens/snack_bar/index.tsx
+++ b/app/screens/snack_bar/index.tsx
@@ -110,14 +110,14 @@ const SnackBar = ({barType, componentId, onUndoPress, sourceScreen}: SnackBarPro
     }, [theme, barType]);
 
     const animatedMotion = useAnimatedStyle(() => {
-        const transform = [
-            {translateY: offset.value},
-            {scale: interpolate(offset.value, [0, 100], [1, 0], Extrapolation.EXTEND)},
-        ];
-
         return {
-            ...(isPanned.value && transform),
             opacity: interpolate(offset.value, [0, 100], [1, 0], Extrapolation.EXTEND),
+            ...(isPanned.value && {
+                transform: [
+                    {translateY: offset.value},
+                    {scale: interpolate(offset.value, [0, 100], [1, 0], Extrapolation.EXTEND)},
+                ],
+            }),
         };
     }, [offset.value]);
 
@@ -146,20 +146,16 @@ const SnackBar = ({barType, componentId, onUndoPress, sourceScreen}: SnackBarPro
             runOnJS(stopTimers)();
         }).
         onEnd(() => {
-            // either dismiss it if the position is at the bottom
             runOnJS(hideSnackBar)();
-
-            // or  reset the timer if the movement is upward ( translationY -ve ) , then reset the animation reverses... withDecay velocity
         });
 
     const animateHiding = (forceHiding: boolean) => {
         const duration = forceHiding ? 0 : 200;
-        offset.value = withTiming(100, {duration}, () => runOnJS(hideSnackBar)());
+        offset.value = withTiming(200, {duration}, () => runOnJS(hideSnackBar)());
     };
 
     // This effect hides the snack bar after 3 seconds
     useEffect(() => {
-        setShowSnackBar(true);
         baseTimer.current = setTimeout(() => {
             animateHiding(false);
         }, 3000);