diff --git a/src/styles/index.ts b/src/styles/index.ts index dbae34f440af..6f0ab0ac6060 100644 --- a/src/styles/index.ts +++ b/src/styles/index.ts @@ -6,10 +6,12 @@ import type {Animated, ImageStyle, TextStyle, ViewStyle} from 'react-native'; import {Platform, StyleSheet} from 'react-native'; import type {CustomAnimation} from 'react-native-animatable'; import type {PickerStyle} from 'react-native-picker-select'; +import {interpolate} from 'react-native-reanimated'; import type {SharedValue} from 'react-native-reanimated'; import type {MixedStyleDeclaration, MixedStyleRecord} from 'react-native-render-html'; import type {ValueOf} from 'type-fest'; import type DotLottieAnimation from '@components/LottieAnimations/types'; +import {ACTIVE_LABEL_SCALE} from '@components/TextInput/styleConst'; import {getBrowser, isMobile, isMobileSafari, isSafari} from '@libs/Browser'; import CONST from '@src/CONST'; import {defaultTheme} from './theme'; @@ -1223,7 +1225,8 @@ const styles = (theme: ThemeColors) => 'worklet'; return { - transform: [{translateY: translateY.get()}, {scale: scale.get()}], + transform: [{translateY: translateY.get()}], + fontSize: interpolate(scale.get(), [0, ACTIVE_LABEL_SCALE], [0, variables.fontSizeLabel]), } satisfies TextStyle; },