Add right side transition animation

Author: bhavik66

src/index.js

@@ -27,6 +27,34 @@ export function fromLeft(duration = 300) {
   };
 }
 
+export function fromRight(duration = 300) {
+  return {
+    transitionSpec: {
+      duration,
+      easing: Easing.out(Easing.poly(4)),
+      timing: Animated.timing,
+      useNativeDriver: true
+    },
+    screenInterpolator: ({ layout, position, scene }) => {
+      const { index } = scene
+      const { initWidth } = layout
+
+      const translateX = position.interpolate({
+        inputRange: [index - 1, index, index + 1],
+        outputRange: [initWidth, 0, 0]
+      })
+
+      const opacity = position.interpolate({
+        inputRange: [index - 1, index - 0.99, index],
+        outputRange: [0, 0, 1]
+      })
+
+      return { opacity, transform: [{ translateX }] }
+    }
+  }
+}
+
+
 export function fromTop(duration = 300) {
   return {
     transitionSpec: {