Taro小程序,底部输入框获取键盘高度动态设置bottom有延迟解决

Taro小程序,底部输入框获取键盘高度动态设置bottom有延迟0.5s左右

业务场景:

Taro+TaroUI+微信小程序
底部固定了一个输入框,当聚焦时输入框自然要上推页面才合理。但不能设置adjustPostion为true,要不然顶部的自定义导航栏也上去了,不合理。

问题:

采用网上通用的解决方式,adjustPostion为false,通过onKeyboardHeightChange事件动态设置bottom来实现输入框上推,但是在真机中,点击输入框-键盘出来-0.5s左右-输入框就位。
网上说是获取输入框的高度需要时间,但别人的小程序怎么就没这个问题

解决:

可能由两个问题导致的:

  1. TaroUI封装的AtInput组件有问题,我尝试使用了的Input组件,便没有了延迟问题
  2. 或者说问题是出在包裹input组件的View容器中,View容器需要设置position为fixed,来动态改变bottom,之前给的absolute定位

可以给包裹input组件的View容器一个过渡动画时长,我写死为0.25s了,因为通过onKeyboardHeightChange事件拿到的Duration值就是0.25

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值