From 8e3cde757c967d0a911c5f3d900f2e666e38ceed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABtan=20Renaudeau?= <renaudeau.gaetan@gmail.com>
Date: Sat, 2 Jul 2016 12:01:39 +0200
Subject: [PATCH] Add orientation example

---
 example/src/Orientation/index.js | 45 ++++++++++++++++++++++++++++++++
 example/src/index.js             | 11 +++++++-
 2 files changed, 55 insertions(+), 1 deletion(-)
 create mode 100644 example/src/Orientation/index.js

diff --git a/example/src/Orientation/index.js b/example/src/Orientation/index.js
new file mode 100644
index 0000000..ab9df8b
--- /dev/null
+++ b/example/src/Orientation/index.js
@@ -0,0 +1,45 @@
+import React, {
+  Component,
+} from "react";
+import {
+  ScrollView,
+  StyleSheet,
+  View,
+} from "react-native";
+import { Blur } from "gl-react-blur";
+import { Surface } from "gl-react-native";
+
+const styles = StyleSheet.create({
+  container: {
+    marginTop: 40,
+    flexDirection: "row",
+    flexWrap: "wrap",
+  }
+});
+
+const samples = [1,2,3,4,5,6,7,8];
+
+export default class Orientation extends Component {
+  render () {
+    return (
+<ScrollView>
+<View style={styles.container}>
+  {samples.map(i =>
+    <Surface key={`landscape_${i}`} width={120} height={90}>
+      <Blur factor={0.2} passes={2}>
+        {`https://raw.githubusercontent.com/recurser/exif-orientation-examples/master/Landscape_${i}.jpg`}
+      </Blur>
+    </Surface>)}
+</View>
+<View style={styles.container}>
+  {samples.map(i =>
+    <Surface key={`portrait_${i}`} width={120} height={160}>
+      <Blur factor={0.2} passes={2}>
+        {`https://raw.githubusercontent.com/recurser/exif-orientation-examples/master/Portrait_${i}.jpg`}
+      </Blur>
+    </Surface>)}
+</View>
+</ScrollView>
+    );
+  }
+}
diff --git a/example/src/index.js b/example/src/index.js
index 9380643..6130c52 100644
--- a/example/src/index.js
+++ b/example/src/index.js
@@ -7,8 +7,17 @@ import Hearts from "./Hearts";
 import Tests from "./Tests";
 import Animated from "./Animated";
 import Particles from "./Particles";
+import Orientation from "./Orientation";
 
-const screens = { Simple, AdvancedEffects, Hearts, Tests, Animated, Particles };
+const screens = {
+  Simple,
+  AdvancedEffects,
+  Hearts,
+  Tests,
+  Animated,
+  Particles,
+  Orientation,
+};
 
 const homeRoute = {
   id: "home",
-- 
2.26.2