From e281b5d42e2e55bdfd8eb13f02fb40290cb85e19 Mon Sep 17 00:00:00 2001 From: riteshshukla04 Date: Wed, 13 Aug 2025 19:21:41 +0530 Subject: [PATCH] Fixing Animation issue --- src/components/Artist/tab-bar.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/Artist/tab-bar.tsx b/src/components/Artist/tab-bar.tsx index 3eac4411..1da9d086 100644 --- a/src/components/Artist/tab-bar.tsx +++ b/src/components/Artist/tab-bar.tsx @@ -3,7 +3,7 @@ import { getTokens, useTheme, XStack, YStack } from 'tamagui' import { H5 } from '../Global/helpers/text' import FavoriteButton from '../Global/components/favorite-button' import InstantMixButton from '../Global/components/instant-mix-button' -import Animated, { useAnimatedStyle, withSpring } from 'react-native-reanimated' +import Animated, { Easing, useAnimatedStyle, withTiming } from 'react-native-reanimated' import FastImage from 'react-native-fast-image' import { getImageApi } from '@jellyfin/sdk/lib/utils/api' import { ImageType } from '@jellyfin/sdk/lib/generated-client/models' @@ -63,9 +63,9 @@ export default function ArtistTabBar( 'worklet' const clampedScroll = Math.max(0, Math.min(scroll.value, bannerHeight)) return { - height: withSpring(bannerHeight - clampedScroll, { - stiffness: 100, - damping: 25, + height: withTiming(bannerHeight - clampedScroll, { + duration: 500, + easing: Easing.inOut(Easing.ease), }), } })