'Disable' example for non iOS devices

This commit is contained in:
Laurin Quast 2018-02-28 13:56:43 +01:00
parent 159dd15f0e
commit 8b010f81c5
3 changed files with 45 additions and 37 deletions

View File

@ -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
}
});

View File

@ -4,35 +4,15 @@
* @flow * @flow
*/ */
import React, { Component } from 'react'; import React, { Component } from "react";
import { import { StyleSheet, Text, View } from "react-native";
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',
});
type Props = {}; type Props = {};
export default class App extends Component<Props> { export default class App extends Component<Props> {
render() { render() {
return ( return (
<View style={styles.container}> <View style={styles.container}>
<Text style={styles.welcome}> <Text style={styles.welcome}>Caching is only supported in iOS!</Text>
Welcome to React Native!
</Text>
<Text style={styles.instructions}>
To get started, edit App.js
</Text>
<Text style={styles.instructions}>
{instructions}
</Text>
</View> </View>
); );
} }
@ -41,18 +21,13 @@ export default class App extends Component<Props> {
const styles = StyleSheet.create({ const styles = StyleSheet.create({
container: { container: {
flex: 1, flex: 1,
justifyContent: 'center', justifyContent: "center",
alignItems: 'center', alignItems: "center",
backgroundColor: '#F5FCFF', backgroundColor: "#F5FCFF"
}, },
welcome: { welcome: {
fontSize: 20, fontSize: 20,
textAlign: 'center', textAlign: "center",
margin: 10, margin: 10
}, }
instructions: {
textAlign: 'center',
color: '#333333',
marginBottom: 5,
},
}); });

View File

@ -1,4 +1,4 @@
import { AppRegistry } from 'react-native'; import { AppRegistry, Platform } from "react-native";
import App from './App'; import App from "./App";
AppRegistry.registerComponent('VideoCaching', () => App); AppRegistry.registerComponent("VideoCaching", () => App);