From 93b7a2d31a7643e6786b392c19b9613b4e4ad4e4 Mon Sep 17 00:00:00 2001
From: "Warren A. Kalolo" <warrenkalolo@gmail.com>
Date: Mon, 20 Jul 2020 14:00:24 +0300
Subject: [PATCH] Added React360 (#772)

---
 README.md     |  3 ++-
 r/react360.js | 36 ++++++++++++++++++++++++++++++++++++
 2 files changed, 38 insertions(+), 1 deletion(-)
 create mode 100644 r/react360.js

diff --git a/README.md b/README.md
index 4932a9f8..e0e8c6f4 100755
--- a/README.md
+++ b/README.md
@@ -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)
diff --git a/r/react360.js b/r/react360.js
new file mode 100644
index 00000000..3d5be7d0
--- /dev/null
+++ b/r/react360.js
@@ -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);