https://github.com/xcarpentier/rn-verifcode
🔢 React-Native component to input confirmation code for both Android and IOS
https://github.com/xcarpentier/rn-verifcode
react-native textinput verification-code
Last synced: 9 days ago
JSON representation
🔢 React-Native component to input confirmation code for both Android and IOS
- Host: GitHub
- URL: https://github.com/xcarpentier/rn-verifcode
- Owner: xcarpentier
- License: other
- Created: 2019-04-01T13:32:18.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-12-15T17:44:54.000Z (over 1 year ago)
- Last Synced: 2025-04-30T16:04:56.719Z (about 2 months ago)
- Topics: react-native, textinput, verification-code
- Language: TypeScript
- Homepage:
- Size: 2.11 MB
- Stars: 25
- Watchers: 2
- Forks: 2
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- awesome-react-native - rn-verifcode - React-Native component to input confirmation code for both Android and IOS (Components / UI)
- awesome-react-native - rn-verifcode - React-Native component to input confirmation code for both Android and IOS (Components / UI)
- awesome-react-native - rn-verifcode - React-Native component to input confirmation code for both Android and IOS (Components / UI)
README
# rn-verifcode
> React-Native component to input confirmation code for both Android and IOS
- customizable
- fast paste **SMS-code**
- **copy from clipboard**
- reset code
## How to use it ?
```jsx
import * as React from 'react'
import { View, Button } from 'react-native'
import VerifCode from './src'
export default class App extends React.Component {
state = {}
ref = React.createRef()
render() {
return (
alert(code)} />
this.ref.current.reset()} />
)
}
}
```
## Props
```ts
interface Props extends TextInputProps {
autofocus?: boolean
numberOfDigits?: number
onFulfill?(code: string): void
}
```
## Hire an expert!
Looking for a ReactNative freelance expert with more than 12 years experience? Contact me from my [website](https://xaviercarpentier.com)!
