乐于分享
好东西不私藏

鸿蒙Flutter插件精选: flutter_js_ohos

鸿蒙Flutter插件精选: flutter_js_ohos

flutter_js_ohos 是 flutter_js 的 OpenHarmony/HarmonyOS 适配分支,让你在 Flutter 应用中直接运行 JavaScript 代码,无需 PlatformChannel,纯 Dart FFI 搞定。

支持平台

  • Android → QuickJS 引擎(也可切 JSC)
  • iOS / macOS → JavascriptCore(苹果原生,过审友好)
  • Windows / Linux → QuickJS
  • OpenHarmony / HarmonyOS → QuickJS(本次主角)

0.6.8 更新了什么

dependencies:
  flutter_js_ohos: ^0.6.8

Changelog 一行:update quickjs lib, built with ohos api 12

  • QuickJS 库升级,性能和稳定性提升
  • ohos api 12 编译,对应 OpenHarmony 5.0 / HarmonyOS NEXT
  • 需在 build-profile.json5 设置 compatibleSdkVersion >= 12

快速上手

import 'package:flutter_js_ohos/flutter_js_ohos.dart';

final runtime = getJavascriptRuntime();

// 同步执行 JS
var result = runtime.evaluate("1 + 2");
print(result.stringResult); // "3"

// Promise 也支持
result = runtime.evaluate("Promise.resolve(42)");
print(result.stringResult); // "42"

// Fetch 走 Dart HTTP,JS 里直接请求
result = runtime.evaluate("fetch('https://api.example.com/data')");

应用场景

  • JSON Schema 校验(ajv 库)
  • 日期处理(moment.js / dayjs,全平台一致)
  • 共享规则引擎(Web 端与移动端共用 JS 校验逻辑)
  • 动态表单验证(TextFormField validator JS 脚本下发)

与原版 flutter_js 对比

维度 flutter_js flutter_js_ohos
OpenHarmony ❌ ✅
包名 flutter_js flutter_js_ohos
引擎 QuickJS / JSC QuickJS(ohos 适配)
API 12+ ❌ ✅

如果已迁移 HarmonyOS,直接用 flutter_js_ohos 替换 flutter_js 即可,API 完全一致。

一句话

flutter_js_ohos: ^0.6.8 是 HarmonyOS 生态中 Flutter 运行 JS 的最直接选择。QuickJS 引擎小、启动快、FFI 无桥接损耗,值得上车。

🚀 依赖加一行,JS 跑全场

由我编著的《鸿蒙Flutter开发实战》图书已上架京东图书等各大商店,内容涵盖基础知识、鸿蒙化原理及适配、混合开发、插件开发、高级特性优化、性能分析、三方库适配、开发实战、鸿蒙PC等等,基于 Flutter 3.35 版本,是不可多得的 Flutter鸿蒙化适配工具书和实战案例,欢迎大家选购 🎉🎉🎉

相关学习资料