Updates from Fri 29 May

Examples/UIExplorer/BorderExample.js

@@ -81,11 +81,15 @@ var styles = StyleSheet.create({
     borderTopLeftRadius: 100,
   },
   border7: {
-    borderRadius: 20,
+    borderWidth: 10,
+    borderColor: 'rgba(255,0,0,0.5)',
+    borderRadius: 30,
+    overflow: 'hidden',
   },
   border7_inner: {
     backgroundColor: 'blue',
-    flex: 1,
+    width: 100,
+    height: 100
   },
 });
 

Examples/UIExplorer/TextExample.ios.js

@@ -300,17 +300,17 @@ exports.examples = [
   title: 'containerBackgroundColor attribute',
   render: function() {
     return (
-      <View>
-        <View style={{flexDirection: 'row', height: 85}}>
-          <View style={{backgroundColor: '#ffaaaa', width: 150}} />
-          <View style={{backgroundColor: '#aaaaff', width: 150}} />
+      <View style={{backgroundColor: 'yellow'}}>
+        <View style={{flexDirection: 'row', position: 'absolute', height: 80}}>
+          <View style={{backgroundColor: '#ffaaaa', width: 140}} />
+          <View style={{backgroundColor: '#aaaaff', width: 140}} />
         </View>
-        <Text style={[styles.backgroundColorText, {top: -80}]}>
+        <Text style={styles.backgroundColorText}>
           Default containerBackgroundColor (inherited) + backgroundColor wash
         </Text>
         <Text style={[
           styles.backgroundColorText,
-          {top: -70, containerBackgroundColor: 'transparent'}]}>
+          {marginBottom: 5, containerBackgroundColor: 'transparent'}]}>
           {"containerBackgroundColor: 'transparent' + backgroundColor wash"}
         </Text>
       </View>
@@ -322,13 +322,13 @@ exports.examples = [
     return (
       <View>
         <Text numberOfLines={1}>
-          Maximum of one line no matter now much I write here. If I keep writing it{"'"}ll just truncate after one line
+          Maximum of one line, no matter how much I write here. If I keep writing, it{"'"}ll just truncate after one line.
         </Text>
         <Text numberOfLines={2} style={{marginTop: 20}}>
-          Maximum of two lines no matter now much I write here. If I keep writing it{"'"}ll just truncate after two lines
+          Maximum of two lines, no matter how much I write here. If I keep writing, it{"'"}ll just truncate after two lines.
         </Text>
         <Text style={{marginTop: 20}}>
-          No maximum lines specified no matter now much I write here. If I keep writing it{"'"}ll just keep going and going
+          No maximum lines specified, no matter how much I write here. If I keep writing, it{"'"}ll just keep going and going.
         </Text>
       </View>
     );
@@ -337,7 +337,8 @@ exports.examples = [
 
 var styles = StyleSheet.create({
   backgroundColorText: {
-    left: 5,
+    margin: 5,
+    marginBottom: 0,
     backgroundColor: 'rgba(100, 100, 100, 0.3)'
   },
   entity: {

Examples/UIExplorer/UIExplorerBlock.js

@@ -77,13 +77,7 @@ var styles = StyleSheet.create({
     paddingHorizontal: 10,
     paddingVertical: 5,
   },
-  titleRow: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    backgroundColor: 'transparent',
-  },
   titleText: {
-    backgroundColor: 'transparent',
     fontSize: 14,
     fontWeight: '500',
   },
@@ -101,8 +95,7 @@ var styles = StyleSheet.create({
     height: 8,
   },
   children: {
-    backgroundColor: 'transparent',
-    padding: 10,
+    margin: 10,
   }
 });
 

Examples/UIExplorer/UIExplorerTests/UIExplorerTests.m

@@ -38,7 +38,7 @@
   RCTAssert(!__LP64__, @"Snapshot tests should be run on 32-bit device simulators (e.g. iPhone 5)");
 #endif
   NSString *version = [[UIDevice currentDevice] systemVersion];
-  RCTAssert([version isEqualToString:@"8.1"], @"Snapshot tests should be run on iOS 8.1, found %@", version);
+  RCTAssert([version isEqualToString:@"8.3"], @"Snapshot tests should be run on iOS 8.3, found %@", version);
   _runner = RCTInitRunnerForApp(@"Examples/UIExplorer/UIExplorerApp");
 
   // If tests have changes, set recordMode = YES below and run the affected