Taro小程序,底部输入框获取键盘高度动态设置bottom有延迟0.5s左右
业务场景:
Taro+TaroUI+微信小程序
底部固定了一个输入框,当聚焦时输入框自然要上推页面才合理。但不能设置adjustPostion为true,要不然顶部的自定义导航栏也上去了,不合理。
问题:
采用网上通用的解决方式,adjustPostion为false,通过onKeyboardHeightChange事件动态设置bottom来实现输入框上推,但是在真机中,点击输入框-键盘出来-0.5s左右-输入框就位。
网上说是获取输入框的高度需要时间,但别人的小程序怎么就没这个问题
解决:
可能由两个问题导致的:
- TaroUI封装的AtInput组件有问题,我尝试使用了的Input组件,便没有了延迟问题
- 或者说问题是出在包裹input组件的View容器中,View容器需要设置position为fixed,来动态改变bottom,之前给的absolute定位
可以给包裹input组件的View容器一个过渡动画时长,我写死为0.25s了,因为通过onKeyboardHeightChange事件拿到的Duration值就是0.25