如何设计 react native OTP 进入屏幕? [英] how to design react native OTP enter screen?

问题描述

我是 React Native 设计的新手.让我知道如何实现下面显示的屏幕

I am new in react native design .Let me know how to achieve the screen shown below

是否需要使用 4 个 TextInput 或可以使用一个?

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

推荐答案

您可以只使用一个隐藏的 TextInput 元素并附加一个 onChangeText 函数并填充在文本视图中输入的值(您可以使用四个设计的不同文本视图需要它).如果用户点击它，请确保将 TextInput 焦点放在点击 Text 视图上

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

这篇关于如何设计 react native OTP 进入屏幕?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！