NotePassword/ProfileScreen.js at master · dmitriymykhalchenko/NotePassword · 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
import React from 'react';
import { StyleSheet, View, Text, Button,TextInput,TouchableOpacity } from 'react-native';
export default class ProfileScreen extends React.Component {
    render() {
        return (
            <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
                <Text>Profile Screen</Text>
                <View style={{ flex: 1}}>
                  <TextInput
                    placeholder="Напишіть назву сайта"
                    style={{flex: 1/10,marginTop:5,  backgroundColor: 'lightblue'}}
                    onChangeText={(site) => {
                    console.log('site-', site)
                    this.setState({site})
                    }}
                    //value={this.state.site}
                    />
                  <TextInput
                      placeholder={this.state.log}
                      style={{ flex: 1/10,marginTop:5,  backgroundColor: 'lightblue'}}
                      onChangeText={(log) => {
                      console.log('log-', log)
                      this.setState({log})
                      }}
                    //  value={this.state.log}
                      />

                  <TextInput
                      placeholder="+ Напишіть пароль і тисніть зберегти"
                      autoCorrect={false}
                      secureTextEntry={true}
                      returnKeyType="done"
                      onChangeText={(pass) => this.setState({pass})}
                      style={{flex: 1/10,marginTop:5,marginBottom:15, backgroundColor: 'lightblue'}}
                      onChangeText={(pass) => {
                        console.log('pass-', pass)
                        this.setState({pass})
                      }}
                    //  value={this.state.pass}
                      />

                  <TouchableOpacity
                      style={{ borderRadius: 25,alignSelf:'center',flex: 1/15, backgroundColor: 'darkblue'}}
                      onPress={() => {
                        console.log('button is pressed')
                        this._addItem()
                        this.clearText()
                        this.toggleModal()
                      }}
                      >
                    <View style={{flex: 1,}}>
                      <Text style={{ color: 'white'}}>  Зберегти  </Text>
                    </View>
                  </TouchableOpacity>
                  <View style={{ borderRadius: 25, flex: 1/15,marginTop:20,   backgroundColor: '#0481B0'}}>
                    <Button title="Закрити" onPress={this.toggleModal} />
                  </View>
                </View>
                <Button
                    title="Go to Profile... again"
                    onPress={() => this.props.navigation.push('Profile')}
                />
                <Button
                    title="Go to Home"
                    onPress={() => this.props.navigation.navigate('Home')}
                 />
                <Button
                    title="Go back"
                    onPress={() => this.props.navigation.goBack()}
                />
            </View>
    );
    }
}