diff --git a/src/screens/Profile/Header/GrowableAvatar.tsx b/src/screens/Profile/Header/GrowableAvatar.tsx index a69399e4c6..841616fc9c 100644 --- a/src/screens/Profile/Header/GrowableAvatar.tsx +++ b/src/screens/Profile/Header/GrowableAvatar.tsx @@ -1,5 +1,6 @@ import {type StyleProp, View, type ViewStyle} from 'react-native' import Animated, { + Extrapolation, interpolate, type SharedValue, useAnimatedStyle, @@ -44,7 +45,9 @@ function GrowableAvatarInner({ const animatedStyle = useAnimatedStyle(() => ({ transform: [ { - scale: interpolate(clampedScrollY.get(), [-150, 0], [1.2, 1]), + scale: interpolate(clampedScrollY.get(), [-150, 0], [1.2, 1], { + extrapolateRight: Extrapolation.CLAMP, + }), }, ], })) diff --git a/src/screens/Profile/Header/GrowableBanner.tsx b/src/screens/Profile/Header/GrowableBanner.tsx index da134857b4..15aa44bcea 100644 --- a/src/screens/Profile/Header/GrowableBanner.tsx +++ b/src/screens/Profile/Header/GrowableBanner.tsx @@ -74,7 +74,9 @@ function GrowableBannerInner({ const animatedStyle = useAnimatedStyle(() => ({ transform: [ { - scale: interpolate(clampedScrollY.get(), [-150, 0], [2, 1]), + scale: interpolate(clampedScrollY.get(), [-150, 0], [2, 1], { + extrapolateRight: Extrapolation.CLAMP, + }), }, ], }))