React Native—TextInput使用心得

React Native—TextInput使用心得

TextInput是用来输入的组件,和web中的textarea是一样的。下面我介绍的是我在使用TextInput实现用户登录注册时的一些实际感受。

值得提醒的是,在android环境中TextInput会自带padding,并且在调试器中是看不到padding值的,所以如果TextInput高度较低时会出现内容被切掉的情况,这时候给TextInput加上style:{padding:0}就可以解决。

textAlignVertical 设置文本垂直方向布局方式 可选参数('top', 'center', 'bottom')

因为当TextInput高度比较大的情况下,在android环境中,输入光标和文本内容是垂直居中的,加上这个属性设置为top可以让光标和内容恢复初始位置。

Screenshot_20180323-230628.jpg

secureTextEntry bool 设置是否为密码安全输入框 ,默认为false

可以用于密码输入框,常见的隐藏和显示密码就是通过改变这个值来实现的。

Screenshot_20180323-231540.jpg

其他常用属性:

不介绍了,文档已经说得很详细了。→_→

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容