fromRightAdvanceFunction.js

/* 
* At this point the method receive and object 
* which has duration as well as percentageRange
* that will be in charge of pushing the outgoing 
* screen
*/

export function fromRight({ duration = 300, percentageRange = 0 }) {
  return {
    transitionSpec: {
      duration,
      easing: customCurve,
      timing: Animated.timing,
      useNativeDriver: true,
    },
    screenInterpolator: ({ layout, position, scene }) => {
      const { index } = scene
      const { initWidth } = layout
      
      // Here the caculation base on the screen is been made.
      const finalWidth = -initWidth * percentageRange

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

      const opacity = position.interpolate({
        inputRange: [index - 1, index - 0.99, index],
        outputRange: [0, 1, 1],
      })

      return { opacity, transform: [{ translateX }] }
    },
  }