Fix text refusing to wrap to make space for other elements.

Author: jameswilddev

react-native/components/createTextComponent/index.tsx

@@ -33,6 +33,7 @@ export const createTextComponent = (
       lineHeight: fontSize * 1.4,
       color,
       textAlign: alignment,
+      flexShrink: 1,
     },
   });
 

react-native/components/createTextComponent/unit.tsx

@@ -22,6 +22,7 @@ test(`renders single-line`, () => {
         lineHeight: 51.8,
         color: `#34AE17`,
         textAlign: `left`,
+        flexShrink: 1,
       }}
       numberOfLines={1}
     >
@@ -49,6 +50,7 @@ test(`renders multi-line`, () => {
         lineHeight: 51.8,
         color: `#34AE17`,
         textAlign: `left`,
+        flexShrink: 1,
       }}
       numberOfLines={0}
     >
@@ -76,6 +78,7 @@ test(`renders with onPress undefined`, () => {
         lineHeight: 51.8,
         color: `#34AE17`,
         textAlign: `left`,
+        flexShrink: 1,
       }}
       numberOfLines={1}
     >
@@ -104,6 +107,7 @@ test(`renders with onPress set`, () => {
         lineHeight: 51.8,
         color: `#34AE17`,
         textAlign: `left`,
+        flexShrink: 1,
       }}
       numberOfLines={1}
       onPress={expect.any(Function)}