Bankingapp/confirm.js at main · Solvitwithus/Bankingapp · 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
import React,  { useState } from 'react';
import { Text, View ,Image ,StyleSheet ,TextInput, Button} from 'react-native';
import { useNavigation } from '@react-navigation/native';

const  Confirm = () => {
    const navigation = useNavigation();

    const [password, setPassword] = useState('');
    const [confirmPassword, setConfirmPassword] = useState('');


    const handleSave = () => {
        // Perform save logic here

        // Clear input fields
        setPassword('');
        setConfirmPassword('');
      };

const handlemain = () => {
    navigateTosignupScreen(navigation)
};

const  navigateTosignupScreen = (navigate) =>{
    navigate.navigate('Login')
}

        return(
            <View style={styles.container}>
       <View style ={{paddingTop:25}}/>
        <Image source={require('./Assets/icon.png')}  style ={styles.image}/>
        <Text style ={styles.title}>
            MoBanK</Text>
            <Text style ={styles.text}>Create a Password</Text>
            <View style = {{marginTop:10}}/>

            <Text style={styles.sub}>Choose a password that's hard to guess and unique to </Text>

            <Text  style={styles.subi}>this account.</Text>
            <View style = {{marginTop:10}}/>


            <TextInput placeholder='Create password' placeholderTextColor={'black'}
             style ={styles.input}
             value={password}
             onChangeText={setPassword}
             />

<View style = {{marginTop:10}}/>


<TextInput placeholder='Confirm password' placeholderTextColor={'black'}
 style ={styles.input}
 value={confirmPassword}
        onChangeText={setConfirmPassword}
        />

<View style = {{marginTop:10}}/>

<View style = {styles.button}>
    <Button title='SAVE' onPress={handlemain}/>
</View>

            </View>
        )
    }


export default  Confirm


const styles = StyleSheet.create({
    container: {
        backgroundColor: 'white',
        flex:1,
      },
      image:{
        height:50,
        width:50,
        marginLeft: 'auto',
        marginRight: 'auto',
      },
      title:
  {
    color:'black',
    fontSize:25,
    fontWeight:'900'
    ,textAlign:'center'
},
text:{
    color:'black',
    textAlign:'center',
    fontSize:19,
    letterSpacing:2,
    fontWeight:'600'
},
sub:{
    color:'black',
    textAlign:"center",
    fontSize:16
},
subi:{
    color:'black',
    textAlign:"center",
    fontSize:16,
},

input:{
    borderWidth:1,
    width:'90%',
    marginLeft: 'auto',
    marginRight: 'auto',
    borderRadius:5,
    color: 'black',
},
button:{
    width:'85%',
    marginLeft: 'auto',
    marginRight: 'auto',
}
})