@momo-kits/foundation 0.150.2-beta.16 → 0.150.2-beta.18

package/Application/BottomSheet.tsx

@@ -214,8 +214,8 @@ const BottomSheet: React.FC<BottomSheetParams> = props => {
         return;
       }
       closeAnimation(() => {
+        navigator?.pop();
         runOnJS(() => {
-          navigator?.pop();
           callback?.();
         })();
       });

package/Application/utils.tsx

@@ -14,84 +14,9 @@ import { HeaderTitleProps, NavigationOptions } from './types';
 import { Colors, Spacing } from '../Consts';
 import { Animated, Platform } from 'react-native';
 import { MiniAppContext, ScreenContext, TrackingScopeContext } from './index';
-import { Easing } from 'react-native-reanimated';
 
 /**
- * Custom reanimated transition specs for smoother animations
- */
-const customTransitionSpec = {
-  open: {
-    animation: 'timing' as const,
-    config: {
-      duration: 300,
-      easing: Easing.out(Easing.cubic),
-    },
-  },
-  close: {
-    animation: 'timing' as const,
-    config: {
-      duration: 250,
-      easing: Easing.in(Easing.cubic),
-    },
-  },
-};
-
-const customSpringTransitionSpec = {
-  open: {
-    animation: 'spring' as const,
-    config: {
-      damping: 30,
-      mass: 1,
-      stiffness: 300,
-      overshootClamping: false,
-      restDisplacementThreshold: 0.01,
-      restSpeedThreshold: 0.01,
-    },
-  },
-  close: {
-    animation: 'spring' as const,
-    config: {
-      damping: 35,
-      mass: 1,
-      stiffness: 400,
-      overshootClamping: false,
-      restDisplacementThreshold: 0.01,
-      restSpeedThreshold: 0.01,
-    },
-  },
-};
-
-/**
- * Custom slide from right interpolator
- */
-const slideFromRightInterpolator = ({
-  current,
-  _next,
-  inverted,
-  layouts: { screen },
-}: any) => {
-  const progress = current.progress.interpolate({
-    inputRange: [0, 1],
-    outputRange: [0, 1],
-    extrapolate: 'clamp',
-  });
-
-  return {
-    cardStyle: {
-      transform: [
-        {
-          translateX: progress.interpolate({
-            inputRange: [0, 1],
-            outputRange: inverted ? [screen.width, 0] : [-screen.width, 0],
-          }),
-        },
-      ],
-    },
-  };
-};
-
-/**
- * default options for stack screen with reanimated transitions
+ * default options for stack screen
  */
 const getStackOptions = (): StackNavigationOptions => {
   return {
@@ -111,11 +36,7 @@ const getStackOptions = (): StackNavigationOptions => {
     headerRight: (props: any) => <HeaderRight {...props} />,
     headerTintColor: Colors.black_17,
     gestureEnabled: false,
-    transitionSpec: {
-      open: customTransitionSpec.open,
-      close: customTransitionSpec.close,
-    },
-    cardStyleInterpolator: slideFromRightInterpolator,
+    ...TransitionPresets.SlideFromRightIOS,
   };
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.150.2-beta.16",
+    "version": "0.150.2-beta.18",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {},