From 4153459db4ce06a67c449c42da0a486058f0f53d Mon Sep 17 00:00:00 2001 From: Emad Aldeen Hajjar Date: Mon, 2 Aug 2021 07:32:30 -0300 Subject: [PATCH] fix: weird issue only happen on RTL --- src/PaperOnboarding.tsx | 39 ++++++++++++++++----------------------- 1 file changed, 16 insertions(+), 23 deletions(-) diff --git a/src/PaperOnboarding.tsx b/src/PaperOnboarding.tsx index d5e293b..15c5fcf 100644 --- a/src/PaperOnboarding.tsx +++ b/src/PaperOnboarding.tsx @@ -126,29 +126,22 @@ const PaperOnboardingComponent = forwardRef< size: data.length, screenWidth: dimensions.width, }); - const indicatorsContainerPosition = useMemo( - () => data.map((_, index) => index * indicatorSize * -1), - [data, indicatorSize] - ); - const animatedIndicatorsContainerPosition = useMemo( - () => - add( - interpolate(animatedIndex, { - inputRange: data.map((_, index) => index), - outputRange: I18nManager.isRTL - ? indicatorsContainerPosition.reverse() - : indicatorsContainerPosition, - extrapolate: Animated.Extrapolate.CLAMP, - }), - indicatorsContainerLeftPadding - ), - [ - data, - animatedIndex, - indicatorsContainerLeftPadding, - indicatorsContainerPosition, - ] - ); + const animatedIndicatorsContainerPosition = useMemo(() => { + const indicatorsContainerPosition = data.map( + (_, index) => index * indicatorSize * -1 + ); + + return add( + interpolate(animatedIndex, { + inputRange: data.map((_, index) => index), + outputRange: I18nManager.isRTL + ? indicatorsContainerPosition.reverse() + : indicatorsContainerPosition, + extrapolate: Animated.Extrapolate.CLAMP, + }), + indicatorsContainerLeftPadding + ); + }, [data, animatedIndex, indicatorSize, indicatorsContainerLeftPadding]); //#endregion //#region callbacks