zamara-mobile-app/ProfileView.js at development · cindykandie/zamara-mobile-app · GitHub

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
import React from 'react';
import { View, Text, StyleSheet, Image} from 'react-native';

const ProfileView = () => {
  return (
    <View>
        <View style = {styles.welcome}>
        <Text style = {styles.welcomeMsg}>Welcome Stephen Amimo,
        </Text>
      </View>
    <View style = {styles.profileDetails}>
        <Text style = {styles.profileTitle}>
          Your Profile Details
        </Text>
        <View>
          <Text>Age: 50</Text>
          <Text>Gender: Male</Text>
          <Text>Email: atuny0@sohu.com</Text>
          <Text>Phone: +63 791 675 8914</Text>
          <Text>Birth Date: 2000-12-25</Text>
          <Text>Blood Group: A-</Text>
          <Text>Height: 189</Text>
          <Text>Weight: 75.4</Text>
          <Text>Eye Color: Green</Text>
        </View>
      </View>
    </View>

  )
}

const styles = StyleSheet.create({
    container : {
      backgroundColor: 'white',
      paddingVertical: 30,
      paddingHorizontal: 15,
      flex : 1
    },

    nav: {
      flexDirection: 'row',
      justifyContent: 'space-between',
      paddingTop: 40,
      textAlign: 'center',
    },
    navImage: {
      width: 40,
      height: 40,
    },
    logo:{
      fontSize: 40
    },
    logoImage: {
      backgroundColor: '#000',
      marginTop: 0,
      marginHorizontal: 10,
      width: 130,
      height: 40,
      padding: 10
    },
    welcome:{
      backgoundColor: 'red',
      marginBottom: 20
    },
    welcomeMsg:{
      fontSize: 20,
      marginTop: 30,
    },
    greeting : {
      textAlign: 'center'
    },
    profileDetails: {
      display: 'flex'
    },
    profileTitle:{
      fontSize: 30,
    },

    login: {
      marginTop: 20,
      flex: 1,
      marginTop: 70
    },
    loginTitle: {
      textAlign: 'center',
      fontSize: 30,
    },
    yesBtn: {
      marginBottom: 20,
      width: '400px',
      backgroundColor: 'red',
    },
    logoutMsg: {
      textAlign: 'center',
      marginBottom: 30,
      marginTop: 30,
      fontSize: 17,
    },
    rowBtns: {
      flexDirection: 'row',
      justifyContent: 'space-evenly',
      flex: 0
    },
    table:{
      borderWidth: 1,
      marginTop: 70,
    },
    tableHead: {
      flexDirection: 'row',
      justifyContent: 'space-evenly',
      fontSize: 20,
      backgroundColor: "#3bcd6b",
    },
    tableBody: {
      flexDirection: 'row',
      justifyContent: 'space-evenly',
      fontSize: 20,
      borderWidth: 1
    },
    createForm: {
      margin: 20,
      marginTop: 70
    }
  })
export default ProfileView;