From c0fb909324b77a33908c8542c4d2e71dff148912 Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Wed, 30 May 2018 13:06:21 +0200
Subject: [PATCH] Add buttons to home screen
---
App.js | 20 ++++++++++++++++----
styles.js | 11 ++++-------
2 files changed, 20 insertions(+), 11 deletions(-)
diff --git a/App.js b/App.js
index 83ddde09..69d51f1f 100644
--- a/App.js
+++ b/App.js
@@ -1,9 +1,10 @@
import React, { Component } from 'react'
import {
View,
- Button
+ Button,
+ Text
} from 'react-native'
-import * as styles from './styles'
+import styles from './styles'
export default class home extends Component {
constructor(props) {
@@ -13,10 +14,21 @@ export default class home extends Component {
render() {
return (
<View style={styles.container}>
+ <Text style={styles.welcome}>Welcome! Today is day 6 of your current cycle</Text>
<Button
- onPress={() => {}}
- title="Home"></Button>
+ onPress={goToSymptomEdit}
+ title="Edit symptoms for today">
+ </Button>
+ <Button
+ onPress={goToCalendar}
+ title="Go to calendar">
+ </Button>
</View>
)
}
}
+
+function goToSymptomEdit () {
+
+}
+function goToCalendar () {}
diff --git a/styles.js b/styles.js
index 461ad19a..dd1e124e 100644
--- a/styles.js
+++ b/styles.js
@@ -1,16 +1,13 @@
import { StyleSheet } from 'react-native'
-const ourStyle = StyleSheet.create({
+export default StyleSheet.create({
container: {
- flex: 1,
justifyContent: 'center',
alignItems: 'center'
},
welcome: {
fontSize: 20,
- textAlign: 'center',
- margin: 10,
+ margin: 30,
+ textAlign: 'center'
}
-})
-
-export { ourStyle }
+})
\ No newline at end of file
--
GitLab