ReactNative TextInput的使用与软键盘

TextInput,这个是我开始学习ReactNative遇到最让我感觉恶心的标签,各种奇怪的距离影响。自己慢慢懂得了一些常规用法吧,毕竟可以看到的资料都是哪些,不自己去实验没用,而且很多还并不是所说的那样,还有android与ios的区分就更加烦人了,这里我就写自己摸索出来的,对不对真的没办法参照,只有你自己用到项目才知道。

这里直接说我认为很有用的一个就是让文本框失去焦点,并且软件盘收回。在开始用这个文本框就发现这个失去焦点的判定真的很麻烦,可以说很难失去焦点!

于是开始百度找到了方法,上图:


接下来说因为我做的需求是软键盘收起来后文本框需要变小,获取焦点变大,失去焦点变小,或者点击软键盘完成就会变小,但是要是用户都不点!!直接收起软件,这样就没有办法触发了,我的评论框就是变大版在手机屏幕上。。。这样不对啊。

于是又开始百度了,上图:

首先

然后

接着


这样软键盘收起来就会触发这个函数,然后同上直接触发失去焦点事件,记得函数用这种写法XX=()=>{}不然会说找不到this啥的

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值