DCloud_heavensoft
DCloud_heavensoft
  • 发布:2019-06-05 08:13
  • 更新:2021-01-25 00:58
  • 阅读:7086

原生层级覆盖问题解决方案

分类:HTML5+

一、uni-app的原生层级覆盖

另见文档:https://uniapp.dcloud.io/component/native-component**

二、5+App的原生对象层级覆盖

为了提升性能,5+提供了一批原生对象,比如plus.video、plus.map、plus.nativeObj、plus.nativeUI、plus.webview、plus.barcode、plus.gallery.pick、plus.camera

虽然提升了性能,但带来了前端组件无法覆盖原生控件的层级问题,为了解决这个问题,有2种方案:

plus.nativeObj.view的层级是最高的,它高于子webview、高于uni-app的subnvue。

  • 子webview
    子webview的意思是创建一个新的非全屏webview,盖住原生界面对象。
    子webview没有plus.nativeObj.view的限制,可以随意覆盖。
    子webview会比plus.nativeObj.view多占用一些内存。所以如果你要覆盖的内容很简单,plus.nativeObj.view可以简单实现,也没必要用子webview。

子webview可以设zindex,来调节多个子webview的层级。但不建议使用太多子webview,影响性能。

0 关注 分享

要回复文章请先登录注册

MonikaChen

MonikaChen

回复 t***@163.com :
我subNVue的zindex 99,plus.webview的zindex 1,subNVue依然无法覆盖plus.webview
2021-01-25 00:58
m***@foxmail.com

m***@foxmail.com

回复 DCloud_heavensoft :
nview与view视图容器有什么关系呢
2020-11-13 16:29
1***@qq.com

1***@qq.com

nvue,weex模式运行,安卓的video会把所以组件覆盖,包括cover-view和plus.nativeObj.View,有方法解决吗?
2020-02-27 11:43
DCloud_heavensoft

DCloud_heavensoft (作者)

回复 t***@163.com :
nview的层级最高,不能设置zindex
2019-07-18 20:38
t***@163.com

t***@163.com

plus.nativeObj.view和subNvue层级那个高?plus.nativeObj.view没有设置zindex的方法,subNvue设置zindex 99还是会被plus.nativeObj.view覆盖
2019-07-18 18:47