uni-app uni页面与鸿蒙原生页面层级问题

uni-app uni页面与鸿蒙原生页面层级问题

操作步骤：

  • 集成unimpsdk，在uni中触发原生页面跳转

预期结果：

  • 层级低于原生

实际结果：

  • uni层级高于原生页面

bug描述：

  • 鸿蒙集成uniMPSDK，打开小程序后，能够触发原生的弹框和toast，但是uni的层级高于原生，导致弹框和toast无法显示，从uni跳转到原生页面，能够跳转成功，uni的层级高于原生页面，导致不显示

| 信息类别       | 信息内容           |
|----------------|--------------------|
| 产品分类       | uniapp/App         |
| PC开发环境     | Mac                |
| PC操作系统版本 | 15.6               |
| HBuilderX类型  | Alpha              |
| HBuilderX版本  | 4.84               |
| 手机系统       | HarmonyOS NEXT     |
| 手机系统版本   | HarmonyOS 5.0.0    |
| 手机厂商       | 模拟器             |
| 手机机型       | mate70             |
| 页面类型       | vue                |
| vue版本        | vue3               |
| 打包方式       | 离线               |
| 项目创建方式   | HBuilderX          |

更多关于uni-app uni页面与鸿蒙原生页面层级问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

hide隐藏小程序之后，showToast是正常执行的，显示效果也正确，如果不隐藏，就会盖住原生的showToast效果


更多关于uni-app uni页面与鸿蒙原生页面层级问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


你好，可以提供一下可以复现的测试项目吗？

该bug反馈内容不完整，缺少关键代码示例和详细复现步骤（如具体如何集成uniMPSDK、触发原生跳转的代码逻辑），官方难以复现问题。预期结果"层级低于原生"与uni-app设计原理相悖：根据知识库，uni-app混合渲染机制明确说明，在vue页面（webview渲染）中，原生组件（包括弹窗、toast等）层级天然高于前端内容，这是为提升性能采用的混合渲染策略，并非bug。实际结果"uni层级高于原生"不符合技术事实——应是原生组件层级高于uni前端页面。
问题分类信息基本完整（含鸿蒙5.0.0、Vue3等关键信息），但未区分uni-app与uni-app-x。需注意：鸿蒙平台下，uni-app的vue页面存在混合渲染层级限制，而uni-app-x使用原生渲染无此问题（参考uni-app-x平台特性）。用户可能混淆了概念：若使用uni-app（非x版本），原生弹窗无法被前端覆盖属正常设计；若需完全控制层级，应改用nvue页面或uni-app-x方案。建议补充代码示例并确认项目类型，同时查阅原生组件层级说明。当前反馈属概念误解，非有效bug。 内容为 AI 生成，仅供参考

回到顶部