RN中ScrollView中单次点击无效

描述

当用SrollView 包裹登录页面后,当用户帐号密码输入完毕按返回键关闭键盘后,点击登录没反应,再点一次才执行登录操作。

解决方案

仔细查看官方ScrollView属性,发现keyboardShouldPersistTaps可以解决改问题

keyboardShouldPersistTaps
如果当前界面有软键盘,那么点击滚动视图后是否收起键盘,取决于本属性的设置(译注:很多人反应的TextInput无法自动失去焦点/需要点击多次切换到其他组件等等问题,其关键都是需要将的TextInput放到滚动型中再设置本属性)

  • ‘never’ (默认值),点击的TextInput以外的子组件会使当前的软键盘收起。此时子元素不会收到点击事件。

  • ‘always’,键盘不会自动收起,滚动型也不会捕捉点击事件,但子组件可以捕获。
    ‘- handled’,当点击事件被子组件捕获时,键盘不会自动收起。这样切换的TextInput时键盘可以保持状态。多数带有的TextInput的情况下你应该选择此项。

  • false,已过期,请使用 ‘从不’ 代替。

  • true,已过期,请使用 ‘总是’ 代替。

    最终选择使用 always来解决、大家可以根据使用情况来使用 always或者 handled

还是多看文档的好,祝大家没有bug,哈哈…

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值