react-native-password-strengh-meter/App.js at master · devrdias/react-native-password-strengh-meter · 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
/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow
 */

import {
	Body,
	Container,
	Content,
	Form,
	Header,
	Left,
	Right,
	Subtitle,
	Text,
	Title,
	View
} from 'native-base';
import React, { useEffect } from 'react';
import PasswordInput from './components/PasswordInput';
import usePasswordInput from './hooks/usePasswordInput';

const App = () => {
	return (
		<Container>
			<Header noShadow hasSubtitle>
				<Left style={{ flex: 1 }} />
				<Body style={{ flex: 3, justifyContent: 'center' }}>
					<Title span style={{ alignSelf: 'center' }}>
						Input Password
					</Title>
					<Subtitle style={{ alignSelf: 'center' }}>with Hooks and zxcvbn Library</Subtitle>
				</Body>
				<Right style={{ flex: 1 }} />
			</Header>
			<Content>
				<View style={{ padding: 20 }}>
					<Text style={{ textAlign: 'center', fontSize: 30 }}>Password Strength Meter</Text>
				</View>
				<Form style={{ padding: 20 }}>
					<PasswordInput />
				</Form>
			</Content>
		</Container>
	);
};

export default App;