aboutsummaryrefslogtreecommitdiff
path: root/mobile/hello-world/App.js
diff options
context:
space:
mode:
authorSamarth Agarwal <samarth.agarwal@mail.utoronto.ca>2019-02-18 17:27:16 +0000
committerSamarth Agarwal <samarth.agarwal@mail.utoronto.ca>2019-02-18 17:27:16 +0000
commit8bd4103139debd92802a18df8aeb247fc3e730bb (patch)
tree469fbd4eaad1c8081af86cf9808ac3adbc4dc8cd /mobile/hello-world/App.js
parent9a647161abaee0a2d7a14cb54034b32f926d856f (diff)
Created folder /mobile/ and added all files and folders created by Expo.
Diffstat (limited to 'mobile/hello-world/App.js')
-rw-r--r--mobile/hello-world/App.js17
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>
+ );
+ }
+}