Use settings segments

This commit is contained in:
Julia Friesel
2018-08-21 14:47:45 +02:00
parent c6b490b2a4
commit 75f5893b0c
3 changed files with 35 additions and 18 deletions
+20 -15
View File
@@ -1,7 +1,7 @@
import React, { Component } from 'react'
import {
View,
Button,
TouchableOpacity,
ScrollView,
Alert,
Text
@@ -22,22 +22,27 @@ export default class Settings extends Component {
return (
<ScrollView>
<View style={styles.settingsSegment}>
<Text>{labels.tempScale.segmentTitle}</Text>
<Text style={styles.settingsSegmentTitle}>{labels.tempScale.segmentTitle}</Text>
<Text>{labels.tempScale.segmentExplainer}</Text>
<TempSlider/>
</View>
<View style={styles.homeButtons}>
<View style={styles.homeButton}>
<Button
onPress={ openShareDialogAndExport }
title={labels.export.button}>
</Button>
</View>
<View style={styles.homeButton}>
<Button
title={labels.import.button}
onPress={ openImportDialogAndImport }>
</Button>
</View>
<View style={styles.settingsSegment}>
<Text style={styles.settingsSegmentTitle}>{labels.export.button}</Text>
<Text>{labels.export.segmentExplainer}</Text>
<TouchableOpacity
onPress={openShareDialogAndExport}
style={styles.settingsButton}>
<Text>{labels.export.button}</Text>
</TouchableOpacity>
</View>
<View style={styles.settingsSegment}>
<Text style={styles.settingsSegmentTitle}>{labels.import.button}</Text>
<Text>{labels.import.segmentExplainer}</Text>
<TouchableOpacity
onPress={openImportDialogAndImport}
style={styles.settingsButton}>
<Text>{labels.import.button}</Text>
</TouchableOpacity>
</View>
</ScrollView>
)