1. 为什么要碰这个项目:从 Flutter 到 OpenHarmony 的真实需求
1.1 逆向思维训练这个 App 的尴尬处境
做这个项目之前,我先说下背景。我手头有一个上线跑了大半年的逆向思维训练 App,核心是给用户提供三类训练:逻辑翻转题、多条件推理题、逆向阅读题。用户量不大,但留存数据很扎实,尤其在教育类的细分场景里,单日人均使用时长能到 26 分钟。问题出在分发渠道上:原先只做了 Android 和 iOS,但接了几个教育硬件的合作需求后,发现对方要求应用能跑到 OpenHarmony 设备上,而且是跑在 RK3566/RK3568 这类开发板的教育一体机里。
第一反应当然是拒绝,因为当时我对 OpenHarmony 应用开发的认知还停留在“得用 ArkTS 重写一遍”。后来认真查了一圈资料,发现 OpenHarmony 社区已经有 Flutter 的适配分支,也就是 flutter_for_openharmony。这个分支做的事情很直接:让标准 Flutter 应用可以在 OpenHarmony 系统上编译成 HAP 包运行,Dart 层的代码基本不用动。这意味着我手里这套已经写完的 Flutter 逻辑层、状态管理、UI 组件体系,可以直接迁移过去,而不是从零开始用 ArkTS 重写。
这个价值太大了。逆向思维训练 App 的核心资产不在 UI,而在题目引擎、训练算法、数据模型这些 Dart 层的东西。如果迁移成本只是适配而不是重写,那这笔账怎么算都划算。
1.2 Flutter 跨端收益在 OpenHarmony 上的具体体现
为什么说 Flutter 是当下接 OpenHarmony 性价比最高的跨端方案,我的体感是这样的:OpenHarmony 的应用生态还在早期,三方库少,踩坑文档也少,如果直接用 ArkTS 写业务,遇到问题基本只能翻系统源码。但 Flutter 这套框架把渲染、事件、布局全包了,你在 OpenHarmony 上写的还是 Flutter 那套 Widget,遇到问题可以按 Flutter 社区的思路排查,OpenHarmony 的适配分支只看原生层怎么桥接,心智负担小很多。
另外,Flutter 的 Skia 渲染引擎是自带的,不依赖系统 WebView 或原生控件。OpenHarmony 设备五花八门,从 RK3568 开发板到手机,屏幕尺寸和系统版本差异很大,自绘引擎天然规避了一部分碎片化问题。这一点在后续移植过程中验证得很明显,同样的布局代码在 Android 和 OpenHarmony 上渲染效果基本一致,没有出现文本基线偏移或控件高度不一致这种原生跨端常见毛病。
1.3 为什么我选了 flutter_flutter 分支而不是其他方案
当时摆在面前的路线有三条。第一条是 ArkTS 原生重写,效果最稳但成本不可控,题目引擎加训练流程怎么也得两三个月。第二条是找一套已经适配 OpenHarmony 的跨端商业方案,但我查了一圈,不少还停留在宣传阶段,实际跑起来限制很多。第三条就是用 OpenHarmony SIG 维护的 flutter_flutter 仓库,切到 ohos 分支,按官方适配好的工具链走。
我选第三条。原因很朴素:这个分支不是个人作品,是 OpenHarmony SIG 在维护,内核跟 upstream Flutter 保持同步,版本节奏跟得上,社区提交也活跃。而且 Flutter 的插件机制决定了,就算某些原生能力没有现成适配插件,我也可以自己写一套 ohos 平台的 Platform Channel 实现,把 Dart 层的调用接口保下来。
事实证明这个选择是对的。整个迁移过程中,Dart 业务代码的改动量不到 15%,改的主要是路径获取、偏好存储这类跟平台相关的封装,以及个别插件换成了 ohos 版本。
需要模型API调用? 免费领10W Token,多模型网关一键接入 Claude、DeepSeek 等主流模型。
2. 编译环境搭建:从 DevEco 到 Flutter SDK 的联动配置
2.1 工具链版本对照和安装顺序
环境搭建是整个过程中最容易劝退人的环节,因为版本对不上就会报各种莫名其妙的错。我先给一张当时验证过能用的版本对照表,你按这个来,能省一个下午:
| 组件 | 版本要求 | 备注 |
|---|---|---|
| OpenHarmony SDK | 3.2 Release 或 4.0 Release | 用 DevEco Studio 自带的 SDK Manager 装 |
| DevEco Studio | 3.1 Release 及以上 | 有完整构建工具链,含 hvigor |
| Flutter SDK | flutter_for_openharmony 的 ohos 分支 | 不要用官方 flutter 主分支 |
| Node.js | 16 及以上 | hvigor 构建脚本依赖 |
| 构建产物类型 | HAP | 需在 DevEco 里配置签名 |
安装顺序有讲究:先装 DevEco Studio,让它把 OpenHarmony SDK 和命令行工具装好,再配 Flutter 的 ohos 分支。反过来的话,Flutter 环境检测时找不到 DevEco 的 SDK 路径,会直接在 flutter doctor 里报红。
装 Flutter SDK 我用的是 git clone 方式,比下载压缩包方便后续切分支更新:
bash复制git clone -b ohos https://gitee.com/openharmony-sig/flutter_flutter.git
注意别把仓库根目录直接当 Flutter SDK 用,需要的是 clone 下来之后这个目录本身。路径里不要带中文和空格,否则后面 build 脚本容易踩坑。
2.2 环境变量的配置细节
Flutter 的 ohos 分支会读取两个关键环境变量:OpenHarmony SDK 的路径和 DevEco 的安装路径。我的配置写在 shell 配置文件里:
bash复制export DEVECO_SDK_HOME=/opt/DevEco-Studio/sdk
export OHOS_SDK_HOME=/opt/DevEco-Studio/sdk
export PATH=$PATH:/opt/flutter_flutter/bin
DEVECO_SDK_HOME 指向 SDK 目录后,Flutter 才能在创建工程时识别 ohos 平台模板。如果你有多个版本的 SDK,注意用 ls /opt/DevEco-Studio/sdk 看一眼实际目录结构,有的版本 SDK 是带版本号子目录的,需要把环境变量指到对应版本那一层,而不是 SDK 根目录。
配完执行:
bash复制flutter doctor -v
在 ohos 分支下会多出一项 OpenHarmony 相关的检查,如果显示找不到 SDK 或者 license 未接受,多半是 DEVECO_SDK_HOME 路径不对,或者 SDK 的 License 没有在 DevEco Studio 里点过同意。这里多说一句:License 这个问题很隐蔽,Studio 里同意过一次不代表命令行能读到,最好在 DevEco 的设置界面里把 SDK 重新刷新一次,让 License 文件落到磁盘上再跑 doctor。
2.3 用最小工程验证环境可用性
环境配好先别急着改业务代码,我用一个空项目验证整条链路。创建命令和标准 Flutter 差不多:
bash复制flutter create --platforms ohos,android mini_demo
注意 --platforms 里要带上 ohos,这样才会生成 ohos/ 目录,里面有 AppScope、entry 这些 OpenHarmony 工程的模块结构。生成后先跑一遍:
bash复制flutter build hap --debug
如果环境没问题,会在 build/ohos/ 下生成 HAP 包。第一次构建比较慢,因为要下载 Gradle 和 hvigor 相关依赖,耐心等就行。如果这一步报“ohos build failed”或者“unable to locate SDK”,九成是环境变量或版本问题,先回 2.2 检查,别急着往下走。
我还踩了一个比较蠢的坑:宿主机的 Ubuntu 环境里 Node.js 版本太老,hvigor 构建直接崩,报错信息是 “requires Node.js >= 16”。升级 Node 之后就好了。建议在开始之前就把 Node 升到 18,省得排查。
3. 逆向思维训练的 App 功能拆解:从题型设计到数据模型
3.1 三种核心训练题型的产品逻辑
环境跑通之后,回到业务本身。逆向思维训练 App 的底层逻辑是“刻意练习”,但它练的不是记忆力,而是打破顺向思维惯性的能力。具体到题型,我设计了三类:
第一类是逻辑翻转题。常规逻辑题是给你条件推结论,翻转题反过来:给你结论,让你反推缺少了哪个条件。比如“某班所有喜欢数学的人都喜欢物理,甲喜欢语文,以下哪项必须为真”。这种题训练的是条件链的反向遍历能力。
第二类是多条件推理题。给出多个约束条件,要求组合出唯一满足条件的排列。比如“A、B、C、D、E 五个人坐一排,A 不坐首位,B 和 C 必须相邻,D 的左边只能坐 E 或空位”,让用户排出所有可能的座次。很多人会顺向一个个试,效率极低,逆向思维是先锁定最苛刻的条件再反推。
第三类就是本文重点要讲的逆向阅读题。它不是考察阅读理解,而是把一段正常的文章打乱成不同形式,让用户通过重组、补全、倒读等方式,重新建立对文本逻辑结构的感知。这部分对渲染和交互的要求最高,我单独放在下一章展开。
3.2 题目的数据结构和题库 JSON 设计
三种题型数据结构完全不同,我一开始把它们统一成一张表,结果字段冗余又混乱。后来拆成三套结构,共用基础答案记录:
json复制{
"id": "pract_0001",
"type": "reverse_reading",
"difficulty": 2,
"source": "逻辑学导论节选",
"content": {
"paragraphs": ["原文第一段...", "原文第二段...", "原文第三段..."],
"shuffleMode": "paragraph_shuffle",
"question": "请把打乱的段落拖回正确顺序",
"correctOrder": [0, 2, 1]
},
"answerHint": "注意转折词和指代关系",
"estimatedSeconds": 90
}
type 字段按题型区分:logic_invert 是逻辑翻转题,constraint_arrange 是多条件推理题,reverse_reading 是逆向阅读题。content 字段在不同题型下结构不一样,Dart 层用 sealed class 或者 discriminated union 来解析,避免写一堆强转。
题库我用 JSON 文件存,放在 assets 里随包发布。为什么不用数据库或远程接口?因为用户群体里有很多离线设备,教育一体机经常断网,本地题库保证核心训练功能完全可用。后续要更新题库,只需要通过热更新机制替换 assets 里的 JSON 文件,不用发版。我这边给每套题库配了 version 字段,启动时比对远程版本号决定要不要下载新题库。
3.3 训练记录与反馈回路的本地存储方案
训练 App 最忌讳的是用户做了题没有反馈。我做了一个很轻的记录系统:每次训练结束,记录题目 ID、用时、对错、复盘结果,存到本地。原方案用的 shared_preferences 存 JSON 数组,数据量小的时候没问题,但用户做完 200 题之后,读取和反序列化整个数组越来越慢,UI 会卡一下。
后来换成了 sqflite,按题目 ID 和训练时间建索引,查询性能提升明显。实际迁移到 OpenHarmony 的时候,sqflite 有没有 ohos 实现我当时查了没有,所以干脆把所有存储封装在一个 TrainingRecordStore 抽象类后面,Android 用 sqflite 实现,OpenHarmony 用文件存储加内存索引实现。这个抽象层的设计在移植时帮了我大忙,后面详细说。
反馈回路的核心是“错题相似推荐”:用户答错题时,根据题目的 difficulty 和 tag 字段,在同类型题目里推荐几道更简单或同难度的题。这个逻辑不复杂,但在 OpenHarmony 上性能表现很好,因为纯 Dart 层计算,不涉及原生调用,反向验证了 Flutter 跨端能力。
4. 逆向阅读功能实现:颠倒、抽空、分段重排的算法与交互
4.1 什么是逆向阅读,为什么值得专门做
先把这个功能讲透。传统阅读训练是“读—理解—答题”,读者沿着文章顺序,跟着作者的思路走。逆向阅读反其道而行,把阅读对象本身破坏掉,让读者在结构残缺、顺序混乱甚至完全倒置的情况下,通过逻辑线索和语言特征重建文本意义。
打个比方,正常阅读是走一条修好的路,逆向阅读是给你一堆路标和地图碎片,让你自己把路拼出来。这个过程激活的认知能力不一样:正常阅读练的是提取信息,逆向阅读练的是逻辑结构敏感度、指代识别能力和上下文推断能力。对备考逻辑类考试的用户特别有用。
实现逆向阅读,核心在“破坏”之后“重建”的交互闭环。光把文本打乱扔给用户没用,必须让用户通过操作重建有序文本,并在重建过程中给出即时反馈。所以这个功能由三部分组成:打乱算法、重建交互、反馈评判。
4.2 三种阅读模式的算法实现
第一种是段落乱序。按语义完整性切分文章为若干段落,打乱顺序,用户通过拖拽把段落排回正确顺序。算法实现分两步:切分和打乱。
切分不能简单按 \n 切,因为文章里可能存在由于换行产生的非语义段落。我是按空行和句号双重判断:遇到两个连续换行符或者以句号结尾的行,认为是段落边界。这样切出来的段落,每段都有一个相对独立的语义单元,打乱后用户才有可能通过转折词、指代关系重建顺序。
打乱算法有一个关键约束:不能完全随机。完全随机很容易出现一种情况——很多段落恰好落在正确位置上,用户直接照着搬就行,失去了思考过程。我做了一个“受控打乱”:
dart复制List<int> controlledShuffle(int length, {int maxInversions = 3}) {
final order = List<int>.generate(length, (i) => i);
var inversions = 0;
while (inversions < maxInversions) {
final i = Random().nextInt(length - 1);
final j = i + 1 + Random().nextInt(length - i - 1);
final inversionsBefore = _countInversions(order);
final tmp = order[i];
order[i] = order[j];
order[j] = tmp;
final inversionsAfter = _countInversions(order);
if (inversionsAfter <= inversionsBefore) {
// 交换没有增加逆序数,退回
order[j] = order[i];
order[i] = tmp;
} else {
inversions = inversionsAfter;
}
}
return order;
}
int _countInversions(List<int> list) {
var count = 0;
for (var i = 0; i < list.length; i++) {
for (var j = i + 1; j < list.length; j++) {
if (list[i] > list[j]) count++;
}
}
return count;
}
这个算法的思路是控制“逆序数”在 3 左右。逆序数度量的是序列偏离正序的程度,逆序数太小几乎等于正序,太大则乱到没法推。实测 3 到 5 个逆序是最佳难度区间,既能制造干扰,又保留了可复原的线索。
第二种是首尾倒置。把整篇文章按字符流倒序输出,但保留标点和空格,让用户逐句翻转。这个模式看起来变态,其实训练的是用户对句式结构的敏感度:倒序文本里,“。”出现在开头,句子的主谓宾顺序完全颠倒,用户需要在大脑里把句子结构 reverse 回来。
实现上不搞复杂的 NLP,直接字符串反转:
dart复制String reverseText(String text) {
final runes = text.runes.toList();
return String.fromCharCodes(runes.reversed);
}
注意用 runes 而不是直接 text.split(''),因为 Dart 的 split 是按 UTF-16 code unit 切的,遇到中文和 emoji 会出乱码。用 runes 能按 Unicode code point 处理,中文环境下是安全的。反向显示的时候,中文字符和标点反转后仍然可读,只是顺序反了,用户需要从右往左读。
第三种是关键词抽空。把文章里的一些关键名词、动词、连接词抽掉,显示成空横线,用户根据上下文补全。这个模式不改变顺序,但它练的是“逆向推断词义和语法角色”的能力——你要从句子其他部分反推缺失的词性、语义,甚至作者的表达意图。
实现时先定义一个停用词表,把所有高频虚词和标点从抽空候选中剔除,然后抽样关键位置:
dart复制String blankKeywords(String text, List<String> keywords, {int blankCount = 6}) {
final candidates = keywords.where((w) => w.length >= 2).toList();
candidates.shuffle();
var result = text;
for (var i = 0; i < math.min(blankCount, candidates.length); i++) {
final word = candidates[i];
// 只替换第一次出现的完整词,避免把所有相同词都抽掉
final index = result.indexOf(word);
if (index != -1) {
result = result.replaceRange(index, index + word.length, '_' * word.length);
}
}
return result;
}
抽空数量需要控制:太少了没挑战性,太多了用户猜不出来挫败感很强。我一般按文章长度的 5% 抽空,长文最多抽 8 个。用户补全时用输入框或者点选候选词,不管哪种方式,评判逻辑都是先标准化文本(去掉全半角空格、统一大小写)再比较。
4.3 重建交互与 UI 实现细节
乱序段落模式我用的是 Flutter 的 DragTarget + Draggable 组合。每个段落是一个卡片,拖到目标位置时触发排序。这里有个 Flutter 交互细节:Draggable 在长列表里拖动时,默认会有 400ms 的拖拽识别延迟,用来区分滚动和拖拽。但段落卡片场景里,用户就是想把卡片拖到下方序列里,400ms 延迟体验很差。我把 Draggable 的 delay 参数设成了 Duration.zero,同时禁用了卡片所在区域的滚动,保证拖拽即时响应。
另一件事是乱序卡片初始渲染时加一个简单的错位动画:每张卡片从随机偏移位置动画归位,强化“现在顺序是乱的”这个视觉暗示。Flutter 的 AnimatedPositioned 配合 Stack 就能实现,不复杂,但对用户理解规则帮助很大。很多用户第一眼看到乱序文章不知道要干嘛,动画一播就懂了。
倒序阅读模式里,界面要支持“逐句翻转”而不是一次全翻。我实现了一个可滑动的长文本视图,用户按住某一句向左/右滑动,句子内容会在正读和倒读之间切换。这个交互一开始用 GestureDetector 的 onHorizontalDragUpdate 做,但滑动和列表滚动冲突严重。后来改用 InkWell 的 onTap 循环切换正倒序,加一个轻微的翻转过渡动画。交互虽然不如滑动酷炫,但稳定性高很多,逻辑也清晰。
评判反馈方面,段落乱序模式在用户排出完整顺序后,对比用户序列和 correctOrder,逐段标绿(正确)和标红(位置不对)。标红段落点击后可以继续拖动换位,允许反复试错。关键词抽空模式则是在用户提交后把原词标绿,错词标红,并显示正确词。所有反馈都是即时、局部、可迭代的,不做“全对或全错”的二元评判,因为逆向阅读训练的核心是过程,不是结果。
5. 移植实战:原生插件替换与 UI 适配中的真问题
5.1 插件依赖的替换清单
业务代码跑通之后,真正的移植工作才刚开始。OpenHarmony 的 Flutter 适配分支解决了框架层的问题,但插件生态还没跟上。我原工程里用到的插件,实际迁移时分成三批:
第一批是官方已经适配好的,直接换成 ohos 版本就行。shared_preferences 有 shared_preferences_ohos,path_provider 有 path_provider_ohos,这些和原版 API 几乎一样,替换成本极低。我在 pubspec.yaml 里利用依赖覆盖机制处理:
yaml复制dependency_overrides:
shared_preferences_ohos:
git:
url: https://gitee.com/openharmony-sig/flutter_packages.git
path: packages/shared_preferences/shared_preferences_ohos
这样业务代码里的 SharedPreferences.getInstance() 调用不用改,Flutter 的插件自动注册机制会根据平台选择对应实现。但要注意:原版 shared_preferences 在 OpenHarmony 上会报 MissingPluginException,必须用 dependency_overrides 确保解析到 ohos 版本。
第二批是需要自己写适配的插件。我的项目里用到 url_launcher 打开外部链接,OpenHarmony 上需要调用系统的 Ability 跳转能力。一开始找不到现成实现,只能写了一个最小 Platform Channel:
dart复制// Dart 侧封装
class OhosUrlLauncher {
static const platform = MethodChannel('app.thinkreverse/url_launcher');
static Future<bool> launch(String url) async {
try {
return await platform.invokeMethod('launch', {'url': url});
} on PlatformException catch (e) {
debugPrint('launch failed: $e');
return false;
}
}
}
原生侧用 DevEco 打开 ohos 模块,在 entry 的 MainAbility.ets 里处理 MethodChannel。OpenHarmony 跳转浏览器不叫 startActivity,是 want + startAbility 的写法,我当时查阅了官方文档才对上。这里提醒一句:如果你们团队没有原生开发经验,这块会卡人,最稳妥的办法是避开这类能力,改成 App 内嵌 WebView 或者直接用 https 请求拉数据展示。
第三批是彻底放弃的插件。我原来用了个分享插件,对接微信、微博的 SDK,OpenHarmony 环境完全没戏,就砍掉了,改成系统级截图 + 复制文本的方式。对一个训练类 App 来说,分享不是核心功能,砍掉换方案可以接受。
5.2 文本排版与字体大小在 OpenHarmony 上的差异
Flutter 的自绘渲染在 OpenHarmony 上表现整体不错,但文本排版有一个细节坑:中文字体回退。默认情况下,OpenHarmony 系统里标准字体是 HarmonyOS Sans,它和 Android 的 Roboto / MiSans 在字面尺寸和字重上略有差异。同一段文字在 Android 上 14sp 显示刚好,在 OpenHarmony 上可能显得偏小或者行距偏紧,练阅读题这种长文场景尤其明显。
我的处理方式是不依赖系统字体,在工程 assets 里直接打包一个开源中文字体文件,全局设置:
dart复制ThemeData(
fontFamily: 'SourceHanSans',
textTheme: const TextTheme(
bodyMedium: TextStyle(fontSize: 16, height: 1.7),
),
)
用自定义字体之后,两个平台的渲染差异基本消失,排版稳定很多。代价是打出的 HAP 包大概多了 8MB 体积,对教育一体机这种场景可以接受。
还有个小细节,OpenHarmony 上 Flutter 的文本选择工具条一开始调不出来。后面排查发现是 targetSdkVersion 权限配置里少声明了 ohos.permission.INTERNET 之外的一个系统能力。这类问题的报错信息很不明确,建议做文本选中等交互时先在最简单页面验证,再套进业务代码。
5.3 横竖屏切换与多窗口适配
教育一体机是横屏使用,但手机上用户习惯竖屏。为了兼容,我在 app 里用 MediaQuery 获取方向,在阅读页面单独做了适配:
dart复制final isLandscape = MediaQuery.of(context).orientation == Orientation.landscape;
但实际测试发现,RK3568 开发板外接 HDMI 屏幕后,系统分辨率可能不是标准的 16:9,而是 1920x1080 之外的奇葩值,比如 1280x800。Flutter 的布局是按逻辑像素算的,如果设备 density 设得不高,在宽屏上卡片内容会被拉得很开,阅读体验差。我在根布局外面包了一个 ConstrainedBox,把最大内容宽度限制在 800 逻辑像素,居中显示。这样不管接什么屏幕,阅读区都是舒适的行宽:
dart复制ConstrainedBox(
constraints: const BoxConstraints(maxWidth: 800),
child: child,
)
这个做法也顺手解决了平板上 UI 被拉伸的问题。
多窗口这块我没做太多适配,因为 OpenHarmony 3.2 的多窗口能力还比较基础,我的 App 设置了 resizeable: false,避免用户把窗口拖得很小导致布局崩坏。如果你要支持自由窗口,建议所有列表和卡片都用 Flexible + Expanded,避免固定宽度。
6. 构建产物与实机验证:从 APK 到 HAP 的完整链路
6.1 构建命令和产物目录
flutter_for_openharmony 分支的构建命令我一直用 flutter build hap,debug 和 release 的差异跟 Android 一致。release 构建需要签名,签名信息在 ohos 工程的 build-profile.json5 和 signingConfigs 里配置。开发阶段可以直接用 DevEco Studio 自动签名工具生成一个调试证书,上生产再换正式证书。
构建完成后的产物路径是:
code复制build/ohos/release/entry-default-signed.hap
这个 HAP 包可以直接推送到开发板安装:
bash复制hdc_std install -r build/ohos/release/entry-default-signed.hap
hdc_std 是 OpenHarmony 的命令行工具,类似 adb。如果提示 unauthorized,检查一下开发板是否开启了开发者模式,并用 DevEco 的 Device Manager 确认设备连接。
6.2 在 RK3568 开发板上的实机验证
实机验证我重点看了三件事:能不能装、能不能跑、跑得稳不稳。
“能不能装”这一步,我在 RK3568 开发板安装时踩过一次大坑。HAP 包的签名证书如果和设备不匹配,安装直接报 ERR_APP_SIGNATURE_VERIFICATION_FAILURE。教育一体机出厂时预置了系统签名,开发板使用公版签名,两者不一致。解决方案是找设备厂商要 SDK 包里的签名配置,或者把 App 签名切换成设备对应的证书。这个在文档里写得比较含糊,我折腾了大半天才定位。
“能不能跑”看日志,用 hdc_std shell hilog 过滤 Flutter 进程日志。Flutter 引擎启动正常情况下会输出:
code复制I/FA: FlutterEngine created successfully
如果出现 dlopen failed 或者 cannot locate symbol 这类日志,一般是 native 库的 ABI 不匹配。我的工程里没有自己写 C++ 代码,全是 Dart + 少量 Platform Channel 原生代码,所以没碰到这个。但如果你用到第三方 native 库,一定确认提供的是 arm64-v8a 的 so 文件,不是 Android 专有的。
“跑得稳不稳”我观察了帧率和内存。阅读页面有大量卡片拖拽动画和文本重排,理论上是最重负载。用 hilog 里的 Choreographer 帧时间统计,乱序段落拖拽场景平均帧时间在 19ms 左右(约 52fps),虽然没跑满 60,但体感没有明显卡顿。启动内存约 180MB,长文阅读场景稳定在 220MB 左右。对于内存 2GB 的 RK3568 来说勉强够用,后续如果内存不足,优先优化的是倒序长文本渲染,尽量减少 widget 重建。
6.3 包体大小和性能数据
| 指标 | Android APK | OpenHarmony HAP |
|---|---|---|
| 包体大小 | 24.3 MB | 21.8 MB |
| 冷启动时间 | 1.8s | 2.6s |
| 平均帧率(阅读页) | 60fps | 52fps |
| 常驻内存 | 150MB | 215MB |
包体反而比 Android 小一点,因为 OpenHarmony 的 SDK 基础库不要求打包那么多兼容层。冷启动慢 0.8 秒的差异我排查过,主要是 OpenHarmony 的 Activity 启动链和 Flutter 引擎初始化之间有额外开销,Flutter 侧能做的优化不多,后续可以考虑 splash 阶段先展示一个静态图,减少白屏感。
帧率没到 60 的原因我怀疑是 RK3568 的 GPU 性能上限,而不是框架问题,因为同一段渲染逻辑在 RK3588 上测就稳定 60fps。如果你目标设备是 RK3588,可以不用太担心性能。
7. 踩坑清单与后续还能怎么玩
7.1 三个必踩的坑和规避方式
第一个坑是 DevEco Studio 自动生成的签名文件路径是绝对路径,团队协作时换一台机器构建必定失败。解决方式是把签名文件放到工程目录内,signingConfigs 里用相对路径引用,并在 .gitignore 中排除签名文件的私钥部分。这个不处理好,CI 流水线跑构建会一直红。
第二个坑是 Flutter 的 ohos 分支版本更新快,API 有小范围变动。我中途升级过一次 SDK,结果依赖的 flutter_packages 仓库子模块和主 SDK 版本号对不上,编译报 version mismatch。建议把 SDK 版本和插件仓库版本打成组合锁:要么全套用同一个 release 标签,要么全用同一个日期的 master 快照,不要混搭。
第三个坑是 OpenHarmony 系统里 ohos.permission.INTERNET 权限的声明位置。Flutter 工程自动生成的 module.json5 里可能没有默认加网络权限,但开发板一般默认允许,所以我一开始没发现。等到用真机测试的时候,网络请求全部失败,排了半天才发现是权限声明问题。记得检查 entry/src/main/module.json5 的 requestPermissions 数组:
json复制{
"name": "ohos.permission.INTERNET"
}
7.2 后续可以做哪些扩展
移植跑通只是第一步,后续还有几个方向可以做深。
一是把逆向阅读的题目生成从静态 JSON 升级为动态生成。现在题库是人工整理的,维护成本高。可以引入一个简化版的语言规则模板:给定一篇正常文章,自动按段落切分、自动抽取关键词、自动生成乱序配置,把人工整理题目的成本降下来,题库量就能做到几千道。
二是在 OpenHarmony 设备上接入系统级的语音朗读能力。逆向阅读不要只停留在视觉层面,如果能用 TTS 把倒序文本朗读出来,用户可以边听边想,训练维度更丰富。OpenHarmony 的 TTS 接口是有的,Flutter 侧需要写平台通道,技术难度不大,教育场景会很喜欢。
三是数据上报和远程难度调整。现在训练数据都存本地,如果接入一套简单的上报通道,就能根据真实用户数据动态调整每道题的展示时间、错题推荐权重。这个就是推荐系统的初级形态了,用 Flutter 写不复杂,关键是把数据模型设计好。
最后说一句我自己的体感。这个项目真正难的不是 Flutter 代码怎么写,而是“跨平台适配”这件事的边界在哪。Flutter 帮你解决了渲染层和逻辑层,但平台通道、系统权限、签名打包、硬件差异这些事,还是得老老实实按 OpenHarmony 的规则来。跑通 HAP 的那一刻,用户看到的是和 Android 上一模一样的界面,但背后的环境配置和踩坑过程只有自己知道。希望这篇东西能让后来的人少走点弯路——尤其是逆向阅读那套交互,真的别再自己发明一个拖拽组件了,DragTarget 够用且有官方文档,稳定才是第一位的。
