@react-navigation/bottom-tabs/lib/module/TransitionConfigs/SceneStyleInterpolators.js

Bottom tab navigator following iOS design guidelines

"use strict";

/**
 * Simple cross fade animation
 */
export function forFade({
  current
}) {
  return {
    sceneStyle: {
      opacity: current.progress.interpolate({
        inputRange: [-1, 0, 1],
        outputRange: [0, 1, 0]
      })
    }
  };
}

/**
 * Animation where the screens slightly shift to left/right
 */
export function forShift({
  current
}) {
  return {
    sceneStyle: {
      opacity: current.progress.interpolate({
        inputRange: [-1, 0, 1],
        outputRange: [0, 1, 0]
      }),
      transform: [{
        translateX: current.progress.interpolate({
          inputRange: [-1, 0, 1],
          outputRange: [-50, 0, 50]
        })
      }]
    }
  };
}
//# sourceMappingURL=SceneStyleInterpolators.js.map