1.0.10 • Published 6 years ago
react-native-gesture-login v1.0.10
React Native Gesture Login
A gesture password component for React Native.
Features
- Supports both iOS and Android.
- Depends on react, react-native, prop-types.
- Configurable UI style.
Install
npm install --save react-native-gesture-login
npm install --save prop-types
or
yarn add react-native-gesture-login
yarn add prop-typesProperties
Gesture
| Property | Type | Required | Description |
|---|---|---|---|
| width | number | No | width of the gesture area |
| height | number | No | height of the gesture area |
| clearTime | number | No | Time(ms) between onRelease and onClear |
| lineStyle | ViewPropTypes.style | No | style of line |
| circleStyle | ViewPropTypes.style | No | style of circle |
| centerStyle | ViewPropTypes.style | No | style of circle's center |
| linedCircleStyle | ViewPropTypes.style | No | style of lined circle |
| linedCenterStyle | ViewPropTypes.style | No | style of lined circle's center |
| onTouch | func | No | the function triggered when touch first circle |
| onRelease | func | No | the function triggered when release screen |
| onClear | func | No | the function triggered when gesture area is reset |
GesturePad
| Property | Type | Required | Description |
|---|---|---|---|
| width | number | No | width of the gesture pad area |
| height | number | No | height of the gesture pad area |
| sequence | string | No | password string only contains 1-9 |
| circleStyle | ViewPropTypes.style | No | style of circle |
| centerStyle | ViewPropTypes.style | No | style of circle's center |
| linedCircleStyle | ViewPropTypes.style | No | style of lined circle |
| linedCenterStyle | ViewPropTypes.style | No | style of lined circle's center |
Demo
Contributing
We welcome all contributions. You can submit any ideas as pull requests or as a GitHub issue.