diff --git a/Libraries/CustomComponents/NavigationExperimental/NavigationCardStackStyleInterpolator.js b/Libraries/CustomComponents/NavigationExperimental/NavigationCardStackStyleInterpolator.js index 391a5597f..e3ef1ad05 100644 --- a/Libraries/CustomComponents/NavigationExperimental/NavigationCardStackStyleInterpolator.js +++ b/Libraries/CustomComponents/NavigationExperimental/NavigationCardStackStyleInterpolator.js @@ -87,21 +87,21 @@ function forHorizontal(props: NavigationSceneRendererProps): Object { } const index = scene.index; - const inputRange = [index - 1, index, index + 1]; + const inputRange = [index - 1, index, index + 0.99, index + 1]; const width = layout.initWidth; const outputRange = I18nManager.isRTL ? - ([-width, 0, 10]: Array) : - ([width, 0, -10]: Array); + ([-width, 0, 10, 10]: Array) : + ([width, 0, -10, -10]: Array); const opacity = position.interpolate({ inputRange, - outputRange: ([1, 1, 0.3]: Array), + outputRange: ([1, 1, 0.3, 0]: Array), }); const scale = position.interpolate({ inputRange, - outputRange: ([1, 1, 0.95]: Array), + outputRange: ([1, 1, 0.95, 0.95]: Array), }); const translateY = 0; @@ -132,23 +132,23 @@ function forVertical(props: NavigationSceneRendererProps): Object { } const index = scene.index; - const inputRange = [index - 1, index, index + 1]; + const inputRange = [index - 1, index, index + 0.99, index + 1]; const height = layout.initHeight; const opacity = position.interpolate({ inputRange, - outputRange: ([1, 1, 0.3]: Array), + outputRange: ([1, 1, 0.3, 0]: Array), }); const scale = position.interpolate({ inputRange, - outputRange: ([1, 1, 0.95]: Array), + outputRange: ([1, 1, 0.95, 0.95]: Array), }); const translateX = 0; const translateY = position.interpolate({ inputRange, - outputRange: ([height, 0, -10]: Array), + outputRange: ([height, 0, -10, -10]: Array), }); return {