how to design react native OTP enter screen?

react-native react-router textinput
praj picture praj · Nov 27, 2017 · Viewed 13.8k times · Source

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?

Answer

Chethan N picture Chethan N · Nov 27, 2017

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

Related questions

Refresh previous screen on goBack()

I am new to React Native. How can we refresh/reload previous screen when returning to it by calling goBack()? Lets say we have 3 screens A, B, C: A -> B -> C When we run goBack() from …

Read More
Multiple file upload with reactjs

I'm new to reactjs and I'm trying to upload multiple file upload. I can able to store the files in state component as array . But When I'm passing the data to axios post method, it gives me the list of …

Read More
React Native Router Flux: navigate from main scene to child

Version react-native-router-flux v3.35.0 react-native v0.31 I have few scenes. one of scenes have few sub-scenes. how can i navigate to one of sub-scenes from one of main scenes? Example : <Router createReducer={reducerCreate} getSceneStyle={getSceneStyle}> <Scene key="root"&…

Read More