36
r/React360.js
Normal file
36
r/React360.js
Normal file
@@ -0,0 +1,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);
|
||||
Reference in New Issue
Block a user