fix: ensure text aligns center regardless of RTL setting

Author: bang9

packages/uikit-react-native-foundation/src/components/Text/index.tsx

@@ -33,6 +33,10 @@ const Text = ({ children, color, style, supportRTLAlign = true, originalText, ..
   ]) as TextStyle;
 
   const textAlign = (() => {
+    if (textStyle.textAlign && textStyle.textAlign !== 'left' && textStyle.textAlign !== 'right') {
+      return textStyle.textAlign;
+    }
+
     if (I18nManager.isRTL && supportRTLAlign) {
       if (
         (originalText && isStartsWithRTL(originalText)) ||
@@ -43,6 +47,7 @@ const Text = ({ children, color, style, supportRTLAlign = true, originalText, ..
         return I18nManager.doLeftAndRightSwapInRTL ? 'right' : 'left';
       }
     }
+
     if (textStyle.textAlign) return textStyle.textAlign;
     return undefined;
   })();

packages/uikit-react-native-foundation/src/components/TextInput/index.tsx

@@ -34,6 +34,10 @@ const TextInput = React.forwardRef<RNTextInput, Props>(function TextInput(
   ]) as TextStyle;
 
   const textAlign = (() => {
+    if (textStyle.textAlign && textStyle.textAlign !== 'left' && textStyle.textAlign !== 'right') {
+      return textStyle.textAlign;
+    }
+
     if (I18nManager.isRTL && supportRTLAlign) {
       const text = originalText || props.value || props.placeholder;
       // Note: TextInput is not affected by doLeftAndRightSwapInRTL
@@ -44,7 +48,7 @@ const TextInput = React.forwardRef<RNTextInput, Props>(function TextInput(
       }
     }
 
-    if (textStyle.textAlign) textStyle.textAlign;
+    if (textStyle.textAlign) return textStyle.textAlign;
     return undefined;
   })();