用户登录

在这个 TextInput 组件上面,添加一个 autoFocus .. 保存 .. 这样这个文本框会被默认选中 .. 用户可以直接往里面输入内容 ..

输入一个 cat .. 会在键盘上面出现一些建议的词汇 .. 这个是 autoCorrect 属性控制的功能 .. 比如输入一个 wolrd .. 实际我想输入的是 world .. 这里会出现纠正以后的单词 ..

把这个属性的值设置成 false .. 再输入点内容 .. 现在键盘上就不会出现那些推荐的东西了 ..

设置文本框上的默认的值可以用一个 defaultValue 属性 .. 它的值是一个字符串 .. 火星救援 .. 保存 .. 这个默认的值会显示在文本框上 ..

editable 这个属性可以控制文本框是否可以输入内容 .. 把它的值设置成 false .. 再注释掉上面的 autoFocus ... 保存 .. 现在,这个文本框就不能输入内容了 ..

keyboardType 设置的是键盘的类型 .. 我们可以根据文本框的内容设置一下这个键盘的类型 .. 添加一个 keyboardType .. 先把它设置成 numeric .. 现在,键盘上显示的都是数字 ..

再设置成 email-address ... 这次在键盘上,会显示输入电子邮件常用的这个 @ 符号 .. 再试一下 url ...

这里会有输入网址的时候经常用的斜线 .. 还有这个 .com .. 最后再试一下 web-search .. 在键盘上,会显示一个 go ... 在中文输入法的状态下,会显示 前往 ...

如果文本框可以输入多行内容,我们可以添加一个 multiline 这个属性,它的值是一个布尔值 .. 现在这个文本框里面,就可以输入多行的内容了 .. fargo 1996 ..

这里我们已经使用了 placeholder 属性设置了一下文本框的点位符 .. 使用 placeholderTextColor ,可以设置这个点位符文本的颜色 .. #6435c9

如果文本框里面输入的是比较敏感的内容 .. 可以添加一个 secureTextEntry 属性 .. 它的值是一个布尔值 ..

现在输入的字符会用一个小圆点代替 ...

文本框上的属性《 React Native #3 文本框 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点