详细问题描述
(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
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