forked from leachim6/hello-world
-
Notifications
You must be signed in to change notification settings - Fork 0
/
React360.js
36 lines (33 loc) · 910 Bytes
/
React360.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
import React from "react";
import { AppRegistry, Text, View, StyleSheet } from "react-360";
export default class hello_world extends React.Component {
render() {
return (
<View style={styles.panel}>
<View style={styles.greetingBox}>
<Text style={styles.greeting}>Hello World</Text>
</View>
</View>
);
}
}
const styles = StyleSheet.create({
panel: {
// Fill the entire surface
width: 1000,
height: 600,
backgroundColor: "rgba(255, 255, 255, 0.4)",
justifyContent: "center",
alignItems: "center",
},
greetingBox: {
padding: 20,
backgroundColor: "#000000",
borderColor: "#639dda",
borderWidth: 2,
},
greeting: {
fontSize: 30,
},
});
AppRegistry.registerComponent("hello_world", () => hello_world);