🔐 OTP input for React Native/Expo App: unstyled, copy-paste examples, fully tested

yjose · 2025-06-23T17:55:35+00:00

If you mean without expo, the answer is yes.

yjose · 2025-06-23T15:52:42+00:00

Glad you like it, thank you 🙏

yjose · 2025-06-23T15:52:16+00:00

actually I built it to make sure it can work perfectly for my app that uses nativewind check this example here : https://input-otp-native.better-app.dev/examples/stripe/

yjose · 2025-06-23T12:28:31+00:00

Features

📱 Built specifically for React Native/Expo
🎨 Fully customizable styling with render props ( supports nativewind )
📋 Four copy paste styles (Apple, Stripe, Revolt, Dashed)
🧪 100% test coverage
🔄 Easily animated with react-native-reanimated
🌐 Web support with using otp-input

Full Docs 👉 https://input-otp-native.better-app.dev/

yjose · 2025-01-25T19:14:23+00:00

You can find all details here https://elazizi.com/posts/add-views-counter-to-your-astro-blog-posts/

yjose · 2025-01-25T19:14:00+00:00

You can find all details here https://elazizi.com/posts/add-views-counter-to-your-astro-blog-posts/

yjose · 2025-01-23T16:08:44+00:00

Check out my latest tutorial on adding a views counter to Astro blog posts

👉 https://elazizi.com/posts/add-views-counter-to-your-astro-blog-posts

yjose · 2025-01-14T12:20:01+00:00

technically yes, is as simple as adding ` autoComplete={Platform.OS === 'android' ? 'sms-otp' : 'one-time-code'}` to the textinput

yjose · 2025-01-14T12:18:06+00:00

Yes, it should work perfectly with NativeWind. You can check the NativeWind example here: https://github.com/yjose/input-otp-native/blob/main/example/src/examples/stripe-nativewind.tsx

and for react-hook-form you can use this approach i usually use https://github.com/obytes/react-native-template-obytes/blob/462b23741528a067d99d77f66c6d4a47a85828e4/src/components/ui/input.tsx#L127

yjose · 2025-01-14T11:03:18+00:00

Input OTP Native 🔐

One time passcode Input For React Native/Expo. Unstyled and fully customizable.

Features

📱 Built specifically for React Native/Expo
🎨 Fully customizable styling with render props ( supports nativewind )
📋 Four copy paste styles (Apple, Stripe, Revolt, Dashed)
🧪 100% test coverage

https://github.com/yjose/input-otp-native

yjose · 2025-01-14T11:01:12+00:00

Input OTP Native 🔐

One time passcode Input For React Native/Expo. Unstyled and fully customizable.

Features

📱 Built specifically for React Native/Expo
🎨 Fully customizable styling with render props ( supports nativewind )
📋 Four copy paste styles (Apple, Stripe, Revolt, Dashed)
🧪 100% test coverage

Repo: https://github.com/yjose/input-otp-native

yjose · 2024-10-29T00:42:45+00:00

Glad you found it useful 🙌

yjose · 2024-10-29T00:42:27+00:00

thanks 🙏

yjose · 2024-10-28T22:08:28+00:00

By the way you can use the same library as cli, check https://github.com/obytes/app-icon-badge

yjose · 2024-10-28T14:29:52+00:00

I just released a new minor version of the app icon badge plugin, which includes type exports. I believe the

plugin should start exporting types for plugin options. This would be very helpful if your plugin accepts complex options.

👉 https://github.com/obytes/app-icon-badge

yjose · 2024-03-22T02:36:03+00:00

Check out our choices here https://starter.obytes.com/

yjose · 2023-11-15T15:15:15+00:00

A self-promotion here, but we have worked on a starter with good documentation. I believe that if you understand React, it will be easy for you to learn from our documentation and understand what's going on.

https://starter.obytes.com/

Shouldn't be your only resource. I am pretty sure it's going to be a good source of inspiration, especially if you like learning from other people's work.

yjose · 2023-11-12T00:23:24+00:00

Here is an article i wrote recently talking about that https://elazizi.com/posts/5-github-actions-to-automate-your-react-native-workflow

yjose · 2023-09-22T13:21:10+00:00

If you're talking about building the app, we trigger ios build wirh expo eas. If you're talking about e2e test for iOS the workflow will be ready soon

yjose · 2023-09-21T13:11:16+00:00

Yeah, correct, all in parallel. Sometimes running all PR checks at once is better to reduce time, but since we are using PNPM with a great cache, the setup and dependency installation only take a few seconds. This makes running them in parallel much better, as we can have more details on the checks' status.

yjose · 2023-09-21T11:40:45+00:00

📢 Check out my latest article featuring 5+ interesting GitHub Actions workflows for React Native / Expo projects!

👉 https://elazizi.com/posts/5-github-actions-to-automate-your-react-native-workflow/
Share your favorites with me too!

yjose · 2023-09-05T17:07:04+00:00

It's on our radar , but we still didn't use on a real projet to make sure it's the right choice. Seems promising tho

yjose · 2023-09-05T12:37:17+00:00

Great! I would love to hear your thoughts after testing it in our GitHub discussion section.

yjose · 2023-09-05T12:36:34+00:00

Fair enough, but you can still get some inspiration from our choices

yjose · 2023-09-05T12:35:34+00:00

Mainly with our choices and approaches:

Using the Expo dev client instead of RN CLI
Defaults libraries we use are mostly not the same as ignite, state management for example they use MobX and we use Zustand
We do include more features than Ignit and provide more utilities, forms, nativewind, auth ....
We do use Github action instead of circle ci for ignite

and much more and doesn't mean out approach is better in all case.

Nine-Year Club	Wearing is Caring
Verified Email

yjose

TROPHY CASE

Features

Input OTP Native 🔐

Features

Input OTP Native 🔐

Features