用户登录

在 TextInput 组件上,还有一些属性是平台专用的,下面我们看一下在 iOS 平台上专有的一些属性 .. 在文本框上面可以添加一个清除按钮 ..

添加一个 clearButtonMode .. 这个属性的值可以是 never ,意思是永远也不显示那个清除按钮,或者 always ,一直显示.. 也可以是 while-editing ,在编辑中显示.. 保存 ..

输入点东西,文本框的右边会显示一个清除按钮 .. 点击它可以清除文本框里的内容 .. 再试一下 unless-editing .. 输入点内容 .. 没有显示那个按钮 .. 按一下回车 .. 这样才会在文本框的上面显示一个清除按钮 ..

clearTextOnFocus .. 它的值的类型是布尔值 .. 控制的就是在文本框进入焦点状态以后是否要清空里面的内容 .. 把它的值设置成 true ..

先输入点东西 (rain man) .. 回车 .. 再点一下这个文本框 .. 这样会自动删除掉里面的内容 ..

enablesReturnKeyAutomatically 可以设置是否自动启用回车键 .. 在文本框里没有内容的时候,会禁用回车键 .. 有内容以后会自动启用 .. 添加一个这样的属性 .. 它的值设置成 true ..

选中文本框 .. 你会看到,现在键盘上的回车键是禁用的状态 .. 因为文本框里没有内容 .. 再输入点内容 .. 会自动启用回车键 ..

这个回车键上的文字我们也可以去定制一下 .. 添加一个 returnKeyType .. 它上面再用一个 autoFocus ,值设置成 true .. 再注释掉这个自动启用回车键的属性 ..

然后把 returnKeyType 属性的值设置成 go .. 中文输入法的状态下,这个 回车键就是 前往 ..

再试一下 join ... 回车键上的文字是 加入 .. 还可以是 next .. 上面显示的是 下一项 .. 再设置成 route ... 中文是 路线 .. 我们也可以设置成 send .. 也就是 发送 ..

最后试一下 search .. 回车键上的文字会变成 搜索 ...

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

统计

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

社会化网络

关于

微信订阅号

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