tony马
tony马
  • 发布:2019-10-08 13:35
  • 更新:2019-10-08 13:52
  • 阅读:1807

tabbar 底部被软键盘顶起

分类:uni-app

tabbar 底部被软键盘顶起,有地方能设置取消顶起吗?很影响用户体验

2019-10-08 13:35 负责人:无 分享
已邀请:
hhyang

hhyang - 如有问题,请添加QQ1606726660 备注付费咨询

你哪个是不是原生tabbar吧 换成原生tabbar

  • tony马 (作者)

    是原生的

    2019-10-08 14:37

DCloud_heavensoft

DCloud_heavensoft

可能你的input设置成了adresize模式,应该改成adjustpan模式

  • tony马 (作者)

    input模式使用的是默认的,应该就是adjustpan吧

    2019-10-08 14:39

  • DCloud_heavensoft

    回复 tony马: 那就不会顶起原生tabbar,除非你用的很老的HBuilderX

    2019-10-08 15:28

  • tony马 (作者)

    回复 DCloud_heavensoft: 是的,目前用的是2.1.3,还没升级

    2019-10-08 18:30

  • DCloud_heavensoft

    回复 tony马: 很老的版本,Android上默认是adresize

    2019-10-08 22:32

  • tony马 (作者)

    回复 DCloud_heavensoft: 请问下如果是uniapp发行的H5版本,怎么控制tabbar是否显示? 由于业务需要,需要在首页嵌一个webview,里面有输入框,点击输入框软键盘顶起后,tabbar也被顶起来了,我要怎么设置tabbar让他不被顶起

    2019-10-11 19:49

  • DCloud_heavensoft

    回复 tony马: 可以调api,动态隐藏显示tabbar

    2019-10-11 20:13

  • tony马 (作者)

    回复 DCloud_heavensoft: 好的,谢谢

    2019-10-11 20:31

  • tony马 (作者)

    回复 DCloud_heavensoft: 你好,我自己试了一下,发现还是不行,目前我遇到的问题是,点击webview里面的底部input输入框,软键盘弹起后,把tabBar也弹起来了,tabBar挡住了我webview中的input输入框

    1、我测试的是uniapp发行的H5页面,首页是tabbar和几个vue页面,其中一个vue页面是webview嵌的其他网站,网站底部有一个input输入框

    2、官网说uniapp H5 不支持webview和子页面通过message通信,这样的话我就没有办法在uniapp这边监听webview中的input焦点变化

    3、官网说uniapp 不支持监听软键盘收起和弹出事件

    那么我该如何判断什么时候应该隐藏tabbar,什么时候应该显示呢。。

    2019-10-11 22:22

  • DCloud_heavensoft

    回复 tony马: h5版,可以监听input的focus。h5的webview组件就是iframe,iframe里的页面和外面如何通信,还是web的常规方式

    2019-10-11 23:35

  • tony马 (作者)

    回复 DCloud_heavensoft: 好的,我试试看,谢谢

    2019-10-12 11:01

  • f***@163.com

    回复 DCloud_heavensoft: HBuilderX(2.3.3.20190923),默认模式和设置adjustPan模式下,如果input有焦点,再点击input唤起键盘时会把底部tabbar顶起,input无焦点时不会顶起

    2019-10-12 17:25

  • DCloud_heavensoft

    回复 f***@163.com: 单独开贴,提供设备详情和示例代码

    2019-10-12 17:33

  • f***@163.com

    回复 DCloud_heavensoft: 已发。https://ask.dcloud.net.cn/question/80380

    2019-10-12 17:50

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