白筱汐
白筱汐
  • 发布:2019-11-13 13:55
  • 更新:2021-11-02 17:09
  • 阅读:2855

app 软键盘弹起会遮住下面输入框的一部分内容

分类:uni-app

input 放在页面的最底部,当输入的时候,app安卓会挤压页面,但是很奇怪,软键盘会挡住页面最底下的内容,不应该全部都挤到软键盘上面吗?为什么会留一点被软键盘挡住

2019-11-13 13:55 负责人:无 分享
已邀请:
DCloud_heavensoft

DCloud_heavensoft

提供截图或gif。提供HBuilderX版本等详细环境信息

白筱汐

白筱汐 (作者) - 纸上得来终觉浅,绝知此事要躬行

安卓端软键盘弹起方式可以在page的json里面style设置,主要有两种方式屏幕上弹,adjustPan和屏幕收缩,adjustResize。官方推荐使用屏幕收缩方式做聊天通信的界面。adjustResize的方式屏幕收缩不能采用vh的方式在css里面设置样式,键盘弹起页面的vh会变小,样式会错乱。

E***@foxmail.com

E***@foxmail.com

// pages.json  
"app-plus": {  
          // "softinputMode": "adjustResize", // adjustResize 模式下android表现正常,ios会有明显延迟. adjustPan下ios正常.  
          "softinputNavBar": "none"  
        }  

@DCloud_heavensoft

hafanYao

hafanYao - 地方二手科学家。

在输入框加上class=“uni-input” 和cursor-spacing=“0”
cursor-spacing 设置的值越大 距离键盘越远

该问题目前已经被锁定, 无法添加新回复