From a670ed1d3c60ccb69c5e87ed04304ea12ebb844d Mon Sep 17 00:00:00 2001
From: Josh Berdine <jjb@fb.com>
Date: Wed, 4 Nov 2015 08:52:58 -0800
Subject: [PATCH] Simplify opaque nested Text UIExplorer example

Summary: public

Add simpler example and remove clutter used to test rendering.

Reviewed By: nicklockwood

Differential Revision: D2605648

fb-gh-sync-id: 84900c290c7af9439f5ce726dd84565bb006ff37
---
 Examples/UIExplorer/TextExample.ios.js | 83 +++++---------------------
 1 file changed, 14 insertions(+), 69 deletions(-)

diff --git a/Examples/UIExplorer/TextExample.ios.js b/Examples/UIExplorer/TextExample.ios.js
index 87647da42..57a2f032c 100644
--- a/Examples/UIExplorer/TextExample.ios.js
+++ b/Examples/UIExplorer/TextExample.ios.js
@@ -239,78 +239,23 @@ exports.examples = [
             <Text style={{fontSize: 11, color: '#527fe4'}}>
               (and tiny inherited bold blue)
             </Text>
-          ),
+            )
           </Text>
           )
         </Text>
-        <Text style={{backgroundColor:'#ffaaaa'}}>
-          (opacity 1.0 alpha 1.0 back red)
-        </Text>
-        <Text style={{backgroundColor:'#ffaaaa'}}>
-          (back red
-          <Text style={{opacity:0.5}}>
-            (opacity 0.5)
-          </Text>
-          )
-        </Text>
-        <Text style={{backgroundColor:'#ffaaaa'}}>
-          (back red
-          <Text style={{color:'rgba(0,0,0,0.5)', backgroundColor:'rgba(255,170,170,0.5)'}}>
-            (alpha 0.5 back red)
-          </Text>
-          )
-        </Text>
-        <Text style={{opacity:0.5, backgroundColor:'#ffaaaa'}}>
-          (opacity 0.5 back red
-          <Text style={{opacity:0.5}}>
-            (opacity 0.5)
-          </Text>
-          )
-        </Text>
-        <Text style={{color:'rgba(0,0,0,0.5)', backgroundColor:'rgba(255,170,170,0.5)'}}>
-          (alpha 0.5 back red
-          <Text style={{color:'rgba(0,0,0,0.25)', backgroundColor:'rgba(255,170,170,0.25)'}}>
-            (alpha 0.25 back red)
-          </Text>
-          )
-        </Text>
-        <Text style={{opacity:0.5}}>
-          (opacity 0.5
-          <Text style={{opacity:0.5, backgroundColor:'#ffaaaa'}}>
-            (opacity 0.5 back red)
-          </Text>
-          )
-        </Text>
-        <Text style={{opacity:0.5}}>
-          (opacity 0.5
-          <Text style={{backgroundColor:'#ffaaaa'}}>(back red)</Text>
-          <Text style={{opacity:0.5, backgroundColor:'#ffaaaa'}}>
-            (opacity 0.5 back red)
-          </Text>
-          <Text style={{backgroundColor:'#ffaaaa'}}>(back red)</Text>
-          )
-        </Text>
-        <Text style={{opacity:0.5}}>
-          (opacity 0.5
-          <Text style={{backgroundColor:'#ffaaaa'}}>(back red)</Text>
-          <Text style={{color:'rgba(0,0,0,0.5)', backgroundColor:'rgba(255,170,170,0.5)'}}>
-            (alpha 0.5 back red)
-          </Text>
-          <Text style={{backgroundColor:'#ffaaaa'}}>(back red)</Text>
-          )
-        </Text>
-        <Text style={{opacity:0.5, backgroundColor:'#ffaaaa'}}>
-          (opacity 0.5 back red
-          <Text style={{color:'rgba(0,0,0,0.5)', backgroundColor:'rgba(255,170,170,0.5)'}}>
-            (alpha 0.5 back red)
-          </Text>
-          )
-        </Text>
-        <Text style={{opacity:0.5, backgroundColor:'#ffaaaa'}}>
-          (opacity 0.5 back red
-          <Text style={{color:'rgba(0,0,0,0.5)', backgroundColor:'rgba(170,170,255,0.5)'}}>
-            (alpha 0.5 back blue)
-          </Text>
+        <Text style={{opacity:0.7}}>
+          (opacity
+            <Text>
+              (is inherited
+                <Text style={{opacity:0.7}}>
+                  (and accumulated
+                    <Text style={{backgroundColor:'#ffaaaa'}}>
+                      (and also applies to the background)
+                    </Text>
+                  )
+                </Text>
+              )
+            </Text>
           )
         </Text>
         <Text style={{fontSize: 12}}>