'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
*/
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
}
});

View File

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