Add BackfaceVisibility to RNTester

facebook · May 18, 2018 · 2d8fae1 · 2d8fae1
1 parent 54709a4
commit 2d8fae1
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/RNTester/js/ViewExample.js b/RNTester/js/ViewExample.js
@@ -235,5 +235,19 @@ exports.examples = [
     render: function() {
       return <ZIndexExample />;
     },
+  }, {
+    title: 'BackfaceVisibility',
+    render: function() {
+      return (
+        <View style={{ justifyContent: 'center', alignItems: 'center' }}>
+          <View style={{ height: 200, width: 200, justifyContent: 'center', alignItems: 'center', backgroundColor: 'blue', backfaceVisibility: 'hidden' }}>
+            <Text>Front</Text>
+          </View>
+          <View style={{ height: 200, width: 200, justifyContent: 'center', alignItems: 'center', backgroundColor: 'red', backfaceVisibility: 'hidden', transform: [ { rotateY: '180deg' }], position: 'absolute', top: 0 }}>
+            <Text>Back</Text>
+          </View>
+        </View>
+      );
+    },
   },
 ];