search

jarden-digital / react-native-pincode

A PIN code component for react native
MIT License
390 stars 203 forks source link

request info #129

Open rodgomesc opened 4 years ago

rodgomesc commented 4 years ago

could someone please put a demo in this repository?

jeremy-farnault commented 4 years ago

I won't have time to create one if someone feels like doing a PR, feel free. You can try the really basic implementation and then have a play with the props I guess.

import * as React from 'react'
import {
  StyleSheet, View
} from "react-native"
import PINCode from '@haskkor/react-native-pincode'

type IProps = {}

type IState = {}

class PinCode extends React.PureComponent<IProps, IState> {

  render() {
    return (
      <View style={{flex: 1}}>
        <PINCode
          status={'enter'}
        />
      </View>
    )
  }
}

export default PinCode

const styles = StyleSheet.create({})

You could define the status ('choose', 'enter' or 'locked') in your state and change it based on the result functions ('endProcessFunction' etc).

If you need help just post your implementation.