How does it work?
The gifs below demonstrate how our OTP input library works, with minor differences in iOS and Android.
On iOS, the library autofills the verification code with a single click on the keyboard input suggestion once the OTP SMS notification is received. On Android, the library autofills the verification code input when the “copy” option in the SMS notification is pressed by the user.
Our OTP input library also allows developers to customize parameters that control the design and functionality of the UI. For example, you can choose the number of digits required in the pin code as well as tailor the appearance and style of the text fields to match your taste. For a complete tutorial on installation, basic usage, and customizable parameters, visit our GitHub, where you will also find the source code for the library.
Why did we choose to do this?
Due to its high engagement rate and global reach, SMS verification is becoming an increasingly attractive alternative to traditional platforms of user verification, such as email. Our mobile development team frequently encountered SMS verification requirements from clients as we were building their apps, so we decided to make the code reusable. From a developer’s standpoint, our library helps react native developers achieve a good user experience that is on par with native apps with minimum effort.
Try it out!
As of right now, our OTP Input library is launched, published on NPM, and fully supported by the TTT Studios mobile development team. Additionally, as strong believers in the adage “sharing is caring”, we encourage you to check out our blog on the open-source library we built for managing pagination in React Native. Feel free to reach out to us with any questions you may have—our team is always happy to help!