如何使用react导航在屏幕之间创建不同的过渡动画？

import { createStackNavigator } from 'react-navigation';

const AppNavigator = createStackNavigator({
  Screen1: { screen: Screen1Component },
  Screen2: { screen: Screen2Component },
  Screen3: { screen: Screen3Component },
});

static navigationOptions = {
  transitionConfig: () => ({
    transitionSpec: {
      duration: 500, // 过渡动画的持续时间
    },
    screenInterpolator: (sceneProps) => {
      const { layout, position, scene } = sceneProps;
      const { index } = scene;

      const translateX = position.interpolate({
        inputRange: [index - 1, index, index + 1],
        outputRange: [layout.initWidth, 0, 0],
      });

      return { transform: [{ translateX }] };
    },
  }),
};

import { createAppContainer } from 'react-navigation';

const AppContainer = createAppContainer(AppNavigator);

export default function App() {
  return <AppContainer />;
}