HarmonyOS 鸿蒙Next flutter插件flutter_inappWebView

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

HarmonyOS 鸿蒙Next flutter插件flutter_inappWebView

inappWebView 不支持字符型的Html加载

例如:字符为 <!-- index.html --> <!DOCTYPE html> <html> <body> <p>Hello World</p> </body> </html>
Harmonyos Next教程
3 回复

使用file://方式通过loadurl读取本地html时，请确认InAppWebViewOptions中的allowFileAccessFromFileURLs是否设置为true。

请通过以下方式加载:

InAppWebView(
    initialOptions: options,
    initialData: InAppWebViewInitialData(
        data:
            ""<!DOCTYPE html><html><head><meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no'><meta http-equiv='Content-Type' content='text/html; charset=utf-8'></head><body style='width: 100%; overflow: hidden;'><div>fdsafjlsfdsafsaafjsklafjalfjaljfalfjsalkfjalkfjalfdjsadklfdjadfkasf</div></body></html>"",
        baseUrl: WebUri(''),
        mimeType: 'text/html',
        encoding: 'UTF-8',
        historyUrl: WebUri('')),
),

更多关于HarmonyOS 鸿蒙Next flutter插件flutter_inappWebView的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


allowFileAccessFromFileURLs 设置为 true 也没用，加载本地 html 空白。

针对帖子标题“HarmonyOS 鸿蒙Next flutter插件flutter_inappWebView”的问题，以下是专业且简洁的回答：

HarmonyOS（鸿蒙）系统中使用Flutter开发时，若需集成flutter_inappWebView插件以实现内嵌网页浏览功能，需注意以下几点：

  1. 插件兼容性：首先确认flutter_inappWebView插件是否已支持HarmonyOS平台。由于Flutter社区和插件生态持续更新，建议查阅该插件的最新文档或仓库信息，以获取关于HarmonyOS支持的明确说明。

  2. 平台通道：HarmonyOS与Android、iOS在平台通道实现上存在差异。若flutter_inappWebView需通过特定平台通道与原生代码交互，需确保这些通道在HarmonyOS上已正确实现或提供了替代方案。

  3. 依赖配置：在pubspec.yaml文件中添加flutter_inappWebView依赖后，确保build.gradle或CMakeLists.txt等构建文件中已正确配置HarmonyOS相关的编译选项和依赖库。

  4. 测试与调试：在HarmonyOS设备或模拟器上测试应用，验证flutter_inappWebView插件的功能是否正常。特别注意网页加载速度、交互流畅度及内存占用等指标。

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

回到顶部