From 8930a226d61c382ec82f7a53e87f3323a14b568b Mon Sep 17 00:00:00 2001 From: Samuel Newman Date: Wed, 31 Dec 2025 16:11:40 +0200 Subject: [PATCH] fix clamps --- src/screens/Profile/Header/GrowableAvatar.tsx | 5 ++++- src/screens/Profile/Header/GrowableBanner.tsx | 4 +++- 2 files changed, 7 insertions(+), 2 deletions(-) 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, + }), }, ], }))