tuzi
tuzi
  • 发布:2019-03-22 08:40
  • 更新:2019-08-01 14:10
  • 阅读:5164

【报Bug】uniapp官方底部导航例子在APP上软键盘弹出时底部导航会被顶起

分类:uni-app

详细问题描述

uniapp官方底部导航例子在APP上软键盘弹出时底部导航会被顶起
[内容]

重现步骤

[步骤]
[结果]
[期望]
[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilderX]
[IDE版本号]
[windows版本号]
[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序]
[运行端版本号]

App运行环境说明

运行在安卓

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]
[App安装包或H5地址]
[可重现代码片段]

联系方式

[QQ]

2019-03-22 08:40 负责人:无 分享
已邀请:
Trust

Trust - 少说废话

方案一:可以在输入框获取和失去焦点的时候使用uni.hideTabBar(https://uniapp.dcloud.io/api/ui/tabbar?id=hidetabbar)、uni.showTabBar(https://uniapp.dcloud.io/api/ui/tabbar?id=showtabbar)控制 TabBar 的显示状态。
方案二:配置 manifest.json 中 app-plus->softinput->mode 设置为 adjustPan,注意仅打包后生效。详见:https://uniapp.dcloud.io/collocation/manifest?id=%E5%AE%8C%E6%95%B4-manifestjson

  • tuzi (作者)

    谢谢,应该在相应文档说明的

    2019-03-22 16:38

  • tuzi (作者)

    使用uni.hideTabBar()隐藏时,底部部分会有短暂白色背景出现,体验很差

    2019-03-27 14:09

  • l***@163.com

    官方这哥们,设置mode为 adjustPan后,官方说了andriod会出现软键盘遮挡输入框,结果我华为手机就出现了,所以你这个方案二不靠谱;而方案一也不想多说,软键盘上下三角箭头可以隐藏软键盘,但是没失焦点,说以也不靠谱。或者你想说为啥非要在tabbar页面放个输入框,这是客户要求的。。。一万个羊驼路过。希望官方能给一个更好的方案,这个问题从使用hbuilder到hbuilderX生成app一直存在,用点心吧!

    2019-05-05 17:49

2***@qq.com

2***@qq.com

希望能给出靠谱的解决方案

二福

二福

测试华为p20 没有问题

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