https://github.com/hezhii/react-native-simple-gesture-password
A simple gesture password for react-native apps
https://github.com/hezhii/react-native-simple-gesture-password
gesture gesture-password password react-native
Last synced: 4 months ago
JSON representation
A simple gesture password for react-native apps
- Host: GitHub
- URL: https://github.com/hezhii/react-native-simple-gesture-password
- Owner: hezhii
- Created: 2019-04-18T03:36:25.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-03T19:55:34.000Z (over 2 years ago)
- Last Synced: 2025-02-21T03:33:46.624Z (5 months ago)
- Topics: gesture, gesture-password, password, react-native
- Language: JavaScript
- Size: 1.63 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-native-simple-gesture-password
A **simple** gesture password for react-native apps. It only draws gesture passwords, don'nt do any additional operations. You can put it anywhere you want, it can resize itself according to the parent.
## Install
```bash
$ yarn add react-native-simple-gesture-password
```
## Usage
```js
import React, { Component } from 'react'
import { StyleSheet, View, Text } from 'react-native'
import GesturePassword from 'react-native-simple-gesture-password'
export default class App extends Component {
state = {
value: ''
}
render() {
return (
Password:{this.state.value || 'null'}
this.setState({ value })} />
)
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center'
},
password: {
fontSize: 18,
textAlign: 'center',
marginBottom: 20
},
wrapper: {
height: 250
}
})
```