add exp eased slide aniamtions

2025-07-31 15:06:45 +02:00
parent fe00ffdeae
commit b0d5ad7018
1 changed files with 9 additions and 4 deletions
@@ -6,9 +6,10 @@ import {
  GestureHandlerRootView,
 } from 'react-native-gesture-handler'
 import Animated, {
-  FadeIn,
-  FadeOut,
+  Easing,
  runOnJS,
+  SlideInUp,
+  SlideOutUp,
  useAnimatedReaction,
  useAnimatedStyle,
  useSharedValue,
@@ -173,8 +174,12 @@ function AnimatedToast({
      pointerEvents="box-none">
      {alive && (
        <Animated.View
-          entering={FadeIn.duration(TOAST_ANIMATION_DURATION)}
-          exiting={FadeOut.duration(TOAST_ANIMATION_DURATION * 0.7)}
+          entering={SlideInUp.easing(Easing.out(Easing.exp)).duration(
+            TOAST_ANIMATION_DURATION,
+          )}
+          exiting={SlideOutUp.easing(Easing.in(Easing.exp)).duration(
+            TOAST_ANIMATION_DURATION * 0.7,
+          )}
          onLayout={evt => setCardHeight(evt.nativeEvent.layout.height)}
          accessibilityRole="alert"
          accessible={true}