7***@qq.com
7***@qq.com
  • 发布:2019-12-10 00:21
  • 更新:2019-12-10 02:53
  • 阅读:1182

【报Bug】【十万火急】安卓app下的input组件在横屏时,输入框高度自动变大2倍遮挡周围

分类:uni-app

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]
uni-app在安卓端的input组件在横屏时,输入框高度自动变大2倍,并覆盖遮住周围区域,且无法修改,其它端正常。
已尝试2种方式变为横屏,
1.直接加代码以固定横屏方式启动,还是2倍高度;
2.先竖屏启动,然后看着input是正常的,马上一旋转手机,input自动变成2倍然后遮档周围了
【十万火急】正在赶项目,希望能解决下,在此非常感激

重现步骤

[步骤]

[结果]

[期望]

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

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号] 2.4.2

[windows版本号] 无

[mac版本号] 10.14.5

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号] 安卓模拟器6.0,还有2个安卓真机5.0都是一样的结果

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试] HBuilderX创建的

[编译模式是老模板模式还是新的自定义组件模式?] 新创建的项目,什么都是新的

App运行环境说明

[Android版本号] 6.0

[iOS版本号]

[手机型号] 模拟器,任何安卓真机都一样

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]
<view class="item flex">
<view class="name">护理类型:</view>
<input class="value flex1" placeholder-class="placeholder" @input="onInput('name', $event)" placeholder="请填写护理类型名称"/>
</view>

联系方式

[QQ] 79229788

2019-12-10 00:21 负责人:无 分享
已邀请:
DCloud_heavensoft

DCloud_heavensoft

不要用rpx/upx。用px、rem、vh、百分比等单位

  • 7***@qq.com (作者)

    好的,果然好了,感谢,是不是只要涉及到横屏的就永远不要用rpx;如果只是用于竖屏才可以使用rpx是吧??

    2019-12-10 09:40

  • 7***@qq.com (作者)

    不管用rpx还是rem,启动模式就直接横屏模式下,安卓和ios下app的所有视图尺寸比例严重不对,横屏模式或多或少都有问题哎,不过索性我们这一次开发只针对安卓,如果要针对全端的横屏模式,就不知所措了

    2019-12-10 11:23

  • DCloud_heavensoft

    回复 7***@qq.com: 看rpx的文档,它不会动态变化。如果你固定横屏,不竖屏,也可以使用rpx,动态切换就不行了。后续uni-app会补充全端横屏方案

    2019-12-10 16:53

  • 7***@qq.com (作者)

    回复 DCloud_heavensoft: 不行的。我们的场景就是固定横屏,我加了plus.screen.lockOrientation('landscape-primary');固定之后,用rpx就出现了input高度问题(仅仅安卓端,ios正常),并不是你说的动态切换屏幕。所以这个应该还是有BUG,不过我暂时用rem给紧急解决了

    2019-12-10 17:31

  • 7***@qq.com (作者)

    回复 DCloud_heavensoft: 而且同一种单位状态下,不管是rpx/rem还是px,在固定横屏之后去看安卓和ios的app,画面不能直视,基本没法用(不过固定竖屏全端正常,毕竟你们的案例8大端展示都是固定竖屏)

    2019-12-10 17:35

  • 7***@qq.com (作者)

    回复 7***@qq.com: 我说的画面不能直视,是指设计稿本身就是固定横屏,设计稿是正常的,但是发布成app固定横屏之后启动,要么安卓正常,要么就ios正常,只要有一端正常,那么另外一端就一定要么超级小,要么超级大(在同一个单位状态下,不管是rpx/rem还是px)

    2019-12-10 17:38

  • DCloud_heavensoft

    回复 7***@qq.com: plus.screen.lockOrientation不是固定横屏,固定横屏是在manifest里配。无所谓了,后续版本会提供更好的横屏适配方案

    2019-12-10 23:15

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