【微信小程序】原生组件的分层渲染 和 同层渲染

微信小程序的原生组件指的是,微信小程序语法中自带的 video 等标签。【这里的原生指的是微信小程序而不是 js】

微信小程序的页面是基于 webview 的,其他的原生组件是独立于 webview 的。

分层渲染就是,小程序原生组件是独立于 webview 的。所以无论如何原生组件的层级都高于 webview。两个层级是完全独立的,因此无法简单地通过使用 z-index 控制原生组件和非原生组件之间的相对层级

原生组件已经支持同层渲染。

同层渲染,就是原生组件挂在到 webview 上

  1. android:基于 embed 标签
  2. ios: 基于 WKWebView

具体请看官方文档

相关推荐
换日线°34 分钟前
NFC标签打开微信小程序
前端·微信小程序
光影少年5 小时前
AIGC + Taro / 小程序
小程序·aigc·taro
2501_915918416 小时前
在 iOS 环境下查看 App 详细信息与文件目录
android·ios·小程序·https·uni-app·iphone·webview
2501_916007477 小时前
没有 Mac 用户如何上架 App Store,IPA生成、证书与描述文件管理、跨平台上传
android·macos·ios·小程序·uni-app·iphone·webview
天空属于哈夫克37 小时前
Go 语言实战:构建一个企微外部群“技术贴收藏夹”小程序后端
小程序·golang·企业微信
菜鸟una7 小时前
【微信小程序+Taro 3+NutUI 3】input (nut-input) 、 textarea (nut-texteare)类型使用避坑
前端·vue.js·微信小程序·小程序·taro
计算机毕设指导67 小时前
基于微信小程序的校园二手交易系统【源码文末联系】
java·spring boot·spring·微信小程序·小程序·tomcat·maven
Jiaberrr7 小时前
小程序setData性能优化指南:避开坑点,让页面丝滑如飞
前端·javascript·vue.js·性能优化·小程序
Code王7 小时前
【课程设计/毕业设计】基于springboot +微信小程序的家政服务平台系统基于小程序的家政服务系统安全开发【附源码、数据库、万字文档】
spring boot·小程序·课程设计
CHU7290357 小时前
旧物回收小程序前端功能版块解析:便捷赋能闲置循环
小程序