孟夏廿柒
孟夏廿柒
  • 发布:2020-05-23 11:18
  • 更新:2022-03-18 15:13
  • 阅读:2029

【报Bug】nvue页面V3模式下子级view超出父级的部分在安卓中被裁剪掉了

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows10 专业版

HBuilderX类型: 正式

HBuilderX版本号: 2.7.5

手机系统: Android

手机系统版本号: Android 6.0

手机厂商: 小米

手机机型: Redmi Node 4

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<view style="width: 200rpx; height: 200rpx; background-color: pink;">  
    <view style="margin-top: -50rpx; width: 100rpx; height: 100rpx; background-color: green;"></view>  
</view>

操作步骤:
<view style="width: 200rpx; height: 200rpx; background-color: pink;">  
    <view style="margin-top: -50rpx; width: 100rpx; height: 100rpx; background-color: green;"></view>  
</view>

预期结果:

子级view全部显示出来

实际结果:

超出父级的部分 被裁剪掉

bug描述:

父级view里包含一个子级view,子级view超出父级的部分在安卓中被裁剪掉了
在ios中是 正常显示的

2020-05-23 11:18 负责人:无 分享
已邀请:

最佳回复

1***@qq.com

1***@qq.com

你看weex文档

在 Android 平台,Weex 只支持 overflow:hidden。
在 iOS 上,Weex 支持 overflow:hidden 和 overflow:visible,默认是 overflow:visible。
不叫裁剪,这叫超出隐藏,IOS默认overflow:visible

  • 孟夏廿柒 (作者)

    我看了下,只支持overflow:hidden,获取oaid后app闪退是什么原因呢,hbx使用2.6.16版本是可以正常获取到的,hbx使用2.7.5,v3下安卓机直接闪退

    2020-05-23 15:59

  • 1***@qq.com

    回复 孟夏廿柒: 闪退的话,我这边之前也遇到过IOS闪退,旧版本hbx正常,新版hbx不正常。我就是用新版的hbx新增项目,,再把老版代码复制过去,复制过去的时候不要覆盖掉新版的manifest.json配置文件。然后新版不闪退了。你可以试一下

    2020-05-23 16:51

  • 2***@qq.com

    大佬请问有没有好的方案解决这个超出被隐藏的问题

    2021-06-29 18:15

8***@qq.com

8***@qq.com - lisp

子view设置了position:absolute, left:-100px,超出部分被裁减了

  • 孟夏廿柒 (作者)

    Android 平台,Weex 只支持 overflow:hidden,所以超出的部分被隐藏了,用padding设置吧

    2020-06-01 11:48

nicepainkiller

nicepainkiller - 最爱 dcloud

试试 position:fix;

9***@qq.com

9***@qq.com

所以超出隐藏,怎末能不隐藏,还是想超出的

  • 8***@qq.com

    你这个问题解决了吗?我现在也遇到这个问题了

    2023-03-27 14:04

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