change layouts of cycle-day, edit symptoms screens and home

This commit is contained in:
tina
2018-06-15 19:31:29 +02:00
parent a46eb4421b
commit 4a5afd4662
6 changed files with 228 additions and 123 deletions
+26 -14
View File
@@ -46,20 +46,32 @@ export default class Home extends Component {
render() {
const navigate = this.props.navigation.navigate
return (
<View style={styles.container}>
<Text style={styles.welcome}>{this.state.welcomeText}</Text>
<Button
onPress={() => this.passTodayToDayView()}
title="Edit symptoms for today">
</Button>
<Button
onPress={() => navigate('calendar')}
title="Go to calendar">
</Button>
<Button
onPress={() => deleteAll()}
title="delete everything">
</Button>
<View style={{flex: 0.5, flexDirection: 'column', justifyContent: 'space-around'}}>
<View style={{flex: 2}}>
<View>
<Text style={styles.welcome}>{this.state.welcomeText}</Text>
</View>
</View>
<View style={{flex: 3, flexDirection: 'column', justifyContent: 'space-around', margin: 5}}>
<View>
<Button
onPress={() => this.passTodayToDayView()}
title="Edit symptoms for today">
</Button>
</View>
<View>
<Button
onPress={() => navigate('calendar')}
title="Go to calendar">
</Button>
</View>
<View>
<Button
onPress={() => deleteAll()}
title="delete everything">
</Button>
</View>
</View>
</View>
)
}