fix(snackbar): fix show animation on new architecture (#4447)

callstack · Jul 27, 2024 · eed911b · eed911b
1 parent 4b2052a
commit eed911b
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/src/components/Snackbar.tsx b/src/components/Snackbar.tsx
@@ -172,10 +172,9 @@ const Snackbar = ({
 
   const { scale } = theme.animation;
 
-  const handleOnVisible = useLatestCallback(() => {
-    // show
+  const animateShow = useLatestCallback(() => {
     if (hideTimeout.current) clearTimeout(hideTimeout.current);
-    setHidden(false);
+
     Animated.timing(opacity, {
       toValue: 1,
       duration: 200 * scale,
@@ -197,6 +196,11 @@ const Snackbar = ({
     });
   });
 
+  const handleOnVisible = useLatestCallback(() => {
+    // show
+    setHidden(false);
+  });
+
   const handleOnHidden = useLatestCallback(() => {
     // hide
     if (hideTimeout.current) {
@@ -214,6 +218,12 @@ const Snackbar = ({
     });
   });
 
+  React.useEffect(() => {
+    if (!hidden) {
+      animateShow();
+    }
+  }, [animateShow, hidden]);
+
   React.useEffect(() => {
     return () => {
       if (hideTimeout.current) clearTimeout(hideTimeout.current);