HarmonyOS 鸿蒙Next Flutter WebView 层级问题

发布于 1周前 作者 zlyuanteng 来自 鸿蒙OS

HarmonyOS 鸿蒙Next Flutter WebView 层级问题 使用的是 https://gitee.com/openharmony-sig/flutter_packages/tree/master/packages/webview_flutter
目前 flutter 如果打开 web 页面，在 web 页面中 flutter 的弹窗、toast、跳转都会被 ohos 原生的 webview(platform view) 盖在下面


更多关于HarmonyOS 鸿蒙Next Flutter WebView 层级问题的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

Harmonyos Next教程
2 回复

使用最新的PlatformView方案，支持同层渲染，可以将原生组件绘制到指定纹理中，解决PlatformView始终显示在Flutter控件的上面问题：https://gitee.com/openharmony-sig/flutter_samples/blob/master/ohos/docs/04_development/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8PlatformView.md

demo参考

https://gitee.com/landor-wang/texture-platform-view-demo/tree/master/newplatformviewdemo

注意需要使用API 12 ，工程机ROM需要升级到B024，更新flutter-flutter

如果使用Webview，webview-flutter已经同步适配，同时更新webview和flutter-flutter

更多关于HarmonyOS 鸿蒙Next Flutter WebView 层级问题的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


针对HarmonyOS鸿蒙Next中Flutter WebView的层级问题，这通常涉及到Flutter与原生组件（如WebView）之间的交互和渲染顺序。在鸿蒙系统中，Flutter和原生组件的层级管理可能与传统的Android或iOS有所不同，因此需要特别注意。

在鸿蒙开发中，如果你遇到了Flutter WebView的层级问题，可能是由于以下几个原因：

  1. 渲染顺序：确保WebView的添加和渲染顺序正确。在Flutter中，组件的渲染顺序会影响其层级关系。

  2. 容器约束：检查Flutter容器对WebView的约束条件，确保WebView有足够的空间进行渲染，并且没有被其他组件遮挡。

  3. 平台通道：如果WebView是通过平台通道与Flutter进行交互的，确保通道通信正常，没有阻塞或延迟导致层级更新不及时。

  4. 鸿蒙系统特性：考虑鸿蒙系统的特性，可能需要特定的方法或属性来调整WebView的层级。

解决这类问题通常需要对鸿蒙系统的Flutter插件和原生组件有深入的了解。如果上述方法无法解决问题，建议检查鸿蒙系统的官方文档或社区论坛，寻找是否有其他开发者遇到并解决了类似的问题。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html

回到顶部