Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how to design react native OTP enter screen?

I am new in react native design .Let me know how to achieve the screen shown belowenter image description here

is it necessary to use 4 TextInput or possible with one?

like image 779
praj Avatar asked Feb 05 '23 03:02

praj


1 Answers

You can use just one hidden TextInput element and attach an onChangeText function and fill values entered in a Text view (you can use four different text view of design requires it). Make sure to focus the TextInput on click of Text view if user click on it

like image 96
Chethan N Avatar answered Feb 11 '23 00:02

Chethan N