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: about 5 hours 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 (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T19:55:34.000Z (almost 2 years ago)
• Last Synced: 2024-09-15T09:50:36.164Z (2 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

  }

})

```