Added React360 (#772)

This commit is contained in:
Warren A. Kalolo
2020-07-20 14:00:24 +03:00
committed by GitHub
parent ed560ee2ca
commit 93b7a2d31a
2 changed files with 38 additions and 1 deletions

View File

@@ -8,7 +8,7 @@ Thanks to everyone who continues to contribute; new languages are created every
Make sure to see [CONTRIBUTING.md](/CONTRIBUTING.md) for instructions on contributing to the project!
<!--Languages start-->
## Languages (667 total)
## Languages (668 total)
* [05Ab1E](%23/05AB1E)
* [0815](%23/0815.0815)
@@ -508,6 +508,7 @@ Make sure to see [CONTRIBUTING.md](/CONTRIBUTING.md) for instructions on contrib
* [Radixal](r/radixal.radixal)
* [Ratfor](r/ratfor.ratfor)
* [React](r/react.js)
* [React360](r/react360.js)
* [Readlink](r/readlink.readlink)
* [Realbasic](r/realbasic.realbasic)
* [Reason](r/reason.re)

36
r/react360.js Normal file
View 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);