37 lines
910 B
JavaScript
37 lines
910 B
JavaScript
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);
|