From 37436752f5871625ca8fa4778ff165a151fbb691 Mon Sep 17 00:00:00 2001
From: Alec Larson <alec.stanford.larson@gmail.com>
Date: Mon, 9 Mar 2020 23:58:47 -0700
Subject: [PATCH] Add RNTester example for multi-line interleaved <View> and
 <Text> (#28242)

Summary:
Currently, using `alignSelf: "baseline"` on a `<View>` nested in a `<Text>` fails to position the view properly. Using `alignItems: "baseline"` on the parent `<Text>` doesn't work either.

/cc shergin

### Current Result
![rn-baseline-nested-view](https://user-images.githubusercontent.com/1925840/76032574-29918080-5f08-11ea-8ee8-cf3106ef0e06.jpg)

### Expected Result
![rn-baseline-nested-text](https://user-images.githubusercontent.com/1925840/76032575-2a2a1700-5f08-11ea-9efa-4026bc824ed5.jpg)
Pull Request resolved: https://github.com/facebook/react-native/pull/28242

Reviewed By: PeteTheHeat

Differential Revision: D20308202

Pulled By: shergin

fbshipit-source-id: adb75b763db1c3e879cb90d469a80ee8262a3609
---
 RNTester/js/examples/Text/TextExample.ios.js | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/RNTester/js/examples/Text/TextExample.ios.js b/RNTester/js/examples/Text/TextExample.ios.js
index f1ed8a6a627..c87e9433143 100644
--- a/RNTester/js/examples/Text/TextExample.ios.js
+++ b/RNTester/js/examples/Text/TextExample.ios.js
@@ -318,6 +318,23 @@ class TextBaseLineLayoutExample extends React.Component<*, *> {
           {marker}
         </View>
 
+        <Text style={subtitleStyle}>
+          {'Multi-line interleaved <View> and <Text>:'}
+        </Text>
+        <View style={{flexDirection: 'row', alignItems: 'baseline'}}>
+          <Text selectable={true}>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris
+            venenatis,{' '}
+            <View
+              style={{
+                backgroundColor: 'yellow',
+              }}>
+              <Text>mauris eu commodo maximus</Text>
+            </View>{' '}
+            , ante arcu vestibulum ligula, et scelerisque diam.
+          </Text>
+        </View>
+
         <Text style={subtitleStyle}>{'<TextInput/>:'}</Text>
         <View style={{flexDirection: 'row', alignItems: 'baseline'}}>
           {marker}