{"repo":"retyui/react-native-confirmation-code-field","free":true,"listed":false,"github":"https://github.com/retyui/react-native-confirmation-code-field","clone":"git clone https://github.com/retyui/react-native-confirmation-code-field.git","description":"A react-native confirmation code field compatible with iOS, Android and Web","language":"TypeScript","stars":1229,"topics":["react-native","react-native-component","react-native-library","code-verification","react-native-web","otp-inputs","one-time-password","android","ios","pin-code"],"license":"MIT","category":"mobile-apps","readme_excerpt":"react-native-confirmation-code-field A simple react-native confirmation code field compatible with iOS, Android. Links - Documentation - Example app - Live Expo app Component features: - 🔮 Simple and tiny 3.8 KB . Easy to use; - 🚀 React Compiler compatible; - 🚮 Clearing part of the code by clicking on the cell; - 🍎 Support \"fast paste SMS-code\" on iOS & Web. And custom code paste for Android; - ⚡ TextInput ref support; - 🛠 Highly customizable. Can be used as masked TextInput; - 🤓 Readable changelog. Screenshots --- --- Install How it works I use an invisible component that will be stretched over components. JSX structure looks like that: It needs to solve next problems: - When user pastes code from SMS on iOS issue#25 - Better UX when user types fast, or system sluggish, characters might lost when component switching focus between . Basic example I took a minimal implementation approach. It mean that this component provides low-level functionality so you can create incredible UI without tears 😭. I recommend you start with creating your own wrapper where you apply all styles and basic configuration. You can use a ready-made solution out of the box: - Animated variant - Formatting example - Underline variant - Show & Hide password - Mask variant Compatibility For react-native@0.63.x and below use yarn add react-native-confirmation-code-field@6 , otherwise use the latest version yarn add react-native-confirmation-code-field","default_branch":null,"files":null,"tree":[],"storefront":"/r/retyui","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/retyui/react-native-confirmation-code-field/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}