From 8b010f81c52601389c54ea85c48e114651b49505 Mon Sep 17 00:00:00 2001
From: Laurin Quast <laurinquast@googlemail.com>
Date: Wed, 28 Feb 2018 13:56:43 +0100
Subject: [PATCH] 'Disable' example for non iOS devices

---
 examples/video-caching/App.ios.js | 33 ++++++++++++++++++++++++
 examples/video-caching/App.js     | 43 +++++++------------------------
 examples/video-caching/index.js   |  6 ++---
 3 files changed, 45 insertions(+), 37 deletions(-)
 create mode 100644 examples/video-caching/App.ios.js

diff --git a/examples/video-caching/App.ios.js b/examples/video-caching/App.ios.js
new file mode 100644
index 00000000..518fd166
--- /dev/null
+++ b/examples/video-caching/App.ios.js
@@ -0,0 +1,33 @@
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ * @flow
+ */
+
+import React, { Component } from "react";
+import { StyleSheet, Text, View } from "react-native";
+
+type Props = {};
+export default class App extends Component<Props> {
+  render() {
+    return (
+      <View style={styles.container}>
+        <Text style={styles.welcome}>The implementation will follow!</Text>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#F5FCFF"
+  },
+  welcome: {
+    fontSize: 20,
+    textAlign: "center",
+    margin: 10
+  }
+});
diff --git a/examples/video-caching/App.js b/examples/video-caching/App.js
index dd1d45ab..a19f4d5d 100644
--- a/examples/video-caching/App.js
+++ b/examples/video-caching/App.js
@@ -4,35 +4,15 @@
  * @flow
  */
 
-import React, { Component } from 'react';
-import {
-  Platform,
-  StyleSheet,
-  Text,
-  View
-} from 'react-native';
-
-const instructions = Platform.select({
-  ios: 'Press Cmd+R to reload,\n' +
-    'Cmd+D or shake for dev menu',
-  android: 'Double tap R on your keyboard to reload,\n' +
-    'Shake or press menu button for dev menu',
-});
+import React, { Component } from "react";
+import { StyleSheet, Text, View } from "react-native";
 
 type Props = {};
 export default class App extends Component<Props> {
   render() {
     return (
       <View style={styles.container}>
-        <Text style={styles.welcome}>
-          Welcome to React Native!
-        </Text>
-        <Text style={styles.instructions}>
-          To get started, edit App.js
-        </Text>
-        <Text style={styles.instructions}>
-          {instructions}
-        </Text>
+        <Text style={styles.welcome}>Caching is only supported in iOS!</Text>
       </View>
     );
   }
@@ -41,18 +21,13 @@ export default class App extends Component<Props> {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#F5FCFF',
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#F5FCFF"
   },
   welcome: {
     fontSize: 20,
-    textAlign: 'center',
-    margin: 10,
-  },
-  instructions: {
-    textAlign: 'center',
-    color: '#333333',
-    marginBottom: 5,
-  },
+    textAlign: "center",
+    margin: 10
+  }
 });
diff --git a/examples/video-caching/index.js b/examples/video-caching/index.js
index 050afc8e..afca0eb0 100644
--- a/examples/video-caching/index.js
+++ b/examples/video-caching/index.js
@@ -1,4 +1,4 @@
-import { AppRegistry } from 'react-native';
-import App from './App';
+import { AppRegistry, Platform } from "react-native";
+import App from "./App";
 
-AppRegistry.registerComponent('VideoCaching', () => App);
+AppRegistry.registerComponent("VideoCaching", () => App);