1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
import * as React from 'react';
import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
export default function Home(props) {
return (
<View style={styles.cont}>
<TouchableOpacity style={styles.btn} onPress={() => props.navigation.navigate("main")}><Text style={styles.h1}>Geo App</Text></TouchableOpacity>
<Text style={styles.span}>Find and save your position</Text>
<Text style={styles.span}>Use map</Text>
</View>
)
}
const styles = StyleSheet.create({
cont: {
flexDirection: "column",
marginTop: 10,
paddingTop: 10,
backgroundColor: "#3D54BB",
justifyContent: "center",
alignItems: "center",
height: "100%",
},
btn: {
margin: 15,
},
h1: {
color: "white",
fontSize: 60,
fontWeight: "bold",
},
span: {
color: "white",
fontSize: 22,
}
})
|
