如何在跨平台项目的页面过渡中使用SetCustomAnimations

import { createStackNavigator, TransitionPresets } from '@react-navigation/stack';

const Stack = createStackNavigator();

<Stack.Navigator
  screenOptions={{
    headerShown: false,
    ...TransitionPresets.SlideFromRightIOS, // 进入动画
    transitionSpec: {
      open: SetCustomAnimations, // 使用SetCustomAnimations定义自定义动画效果
      close: SetCustomAnimations, // 使用SetCustomAnimations定义自定义动画效果
    },
  }}
>
  {/* 定义页面组件 */}
</Stack.Navigator>

function SetCustomAnimations({ current, next, layouts }) {
  return {
    cardStyle: {
      transform: [
        {
          translateX: current.progress.interpolate({
            inputRange: [0, 1],
            outputRange: [layouts.screen.width, 0],
          }),
        },
        {
          scale: next
            ? next.progress.interpolate({
                inputRange: [0, 1],
                outputRange: [1, 0.9],
              })
            : 1,
        },
      ],
    },
    overlayStyle: {
      opacity: current.progress.interpolate({
        inputRange: [0, 1],
        outputRange: [0, 0.5],
      }),
    },
  };
}