diff options
| author | Samarth Agarwal <samarth.agarwal@mail.utoronto.ca> | 2019-02-18 17:27:16 +0000 |
|---|---|---|
| committer | Samarth Agarwal <samarth.agarwal@mail.utoronto.ca> | 2019-02-18 17:27:16 +0000 |
| commit | 8bd4103139debd92802a18df8aeb247fc3e730bb (patch) | |
| tree | 469fbd4eaad1c8081af86cf9808ac3adbc4dc8cd /mobile/hello-world/App.js | |
| parent | 9a647161abaee0a2d7a14cb54034b32f926d856f (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.js | 17 |
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> + ); + } +} |
