fix: use transformOrigin to fix label position flickering in RN 0.73 (#4521)

Author: BuqiLiao

src/components/TextInput/Label/InputLabel.tsx

@@ -111,6 +111,9 @@ const InputLabel = (props: InputLabelProps) => {
             : labeled,
       },
     ],
+    ...(Platform.constants.reactNativeVersion.minor >= 73 && {
+      transformOrigin: 'left',
+    }),
   };
 
   const labelWidth =
@@ -146,7 +149,8 @@ const InputLabel = (props: InputLabelProps) => {
           StyleSheet.absoluteFill,
           Platform.OS !== 'web' && { width },
           { opacity },
-          labelTranslationX,
+          Platform.constants.reactNativeVersion.minor <= 72 &&
+            labelTranslationX,
         ]}
       >
         <View

src/components/TextInput/Label/LabelBackground.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Animated, StyleSheet } from 'react-native';
+import { Animated, StyleSheet, Platform } from 'react-native';
 
 import AnimatedText from '../../Typography/AnimatedText';
 import type { LabelBackgroundProps } from '../types';
@@ -50,9 +50,11 @@ const LabelBackground = ({
           backgroundColor,
           maxHeight: Math.max(roundness / 3, 2),
           bottom: Math.max(roundness, 2),
-          transform: [labelTranslationX],
           opacity,
         },
+        Platform.constants.reactNativeVersion.minor <= 72 && {
+          transform: [labelTranslationX],
+        },
       ]}
     />
   ) : null;