Merge pull request #5 from csc301-winter-2019/feat/1

Feat/1

1 files changed, 17 insertions, 0 deletions

diff --git a/mobile/hello-world/App.js b/mobile/hello-world/App.js
new file mode 100644
index 0000000..7271bc2
--- /dev/null
+++ b/mobile/hello-world/App.js
@@ -0,0 +1,17 @@
+import React, { Component } from 'react';
+import { Text, View } from 'react-native';
+
+export default class HelloWorldApp extends Component {
+	//Every component needs a render() function
+  render() {
+    return (
+    	//<View> acts like the way <div> does in JavaScript
+    	//style={...} stores properties about where you want the component to be placed
+    	//and how you want it to look. It's similar to adding CSS styles to HTML elements
+    	//when creating web pages
+      <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
+        <Text>Hello world!</Text>
+      </View>
+    );
+  }
+}