fix: Flatten styles

facebook · Sep 8, 2022 · 844522d · 844522d
1 parent 5a9e6ee
commit 844522d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/Libraries/Components/TextInput/TextInput.js b/Libraries/Components/TextInput/TextInput.js
@@ -32,6 +32,7 @@ import type {
   PressEvent,
 } from '../../Types/CoreEventTypes';
 import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
+import flattenStyle from '../../StyleSheet/flattenStyle';
 
 const {useLayoutEffect, useRef, useState} = React;
 
@@ -1490,13 +1491,12 @@ const ExportedForwardRef: React.AbstractComponent<
     React.ElementRef<HostComponent<mixed>> & ImperativeMethods,
   >,
 ) {
-  let style = restProps.style;
+  let style = flattenStyle(restProps.style);
+
   if (style && style.verticalAlign !== undefined) {
-    style = StyleSheet.compose(style, {
-      textAlignVertical:
-        // $FlowFixMe
-        verticalAlignToTextAlignVerticalMap[style.verticalAlign],
-    });
+    // $FlowFixMe
+    style.textAlignVertical =
+      verticalAlignToTextAlignVerticalMap[style.verticalAlign];
   }
 
   return (

diff --git a/Libraries/Text/Text.js b/Libraries/Text/Text.js
@@ -175,6 +175,7 @@ const Text: React.AbstractComponent<
   }
 
   if (style && style.verticalAlign !== undefined) {
+    // $FlowFixMe[prop-missing]
     style = StyleSheet.compose(style, {
       textAlignVertical:
         verticalAlignToTextAlignVerticalMap[style.verticalAlign],