# flutter_readhub **Repository Path**: AriesHoo/flutter_readhub ## Basic Information - **Project Name**: flutter_readhub - **Description**: Flutter版本Readhub非官方客户端 - **Primary Language**: Dart - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 3 - **Forks**: 1 - **Created**: 2020-11-17 - **Last Updated**: 2025-09-02 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # flutter_readhub [![](https://img.shields.io/badge/download-apk-blue.svg)](https://gitee.com/AriesHoo/flutter_readhub/raw/master/sample/sample.apk) [![](https://img.shields.io/badge/download-MacOS.app-green.svg)](https://gitee.com/AriesHoo/flutter_readhub/raw/master/sample/Freadhub-聚合资讯.app.zip) [![GitHub license](https://img.shields.io/github/license/AriesHoo/flutter_readhub.svg)](http://www.apache.org/licenses/LICENSE-2.0.html) [![](https://img.shields.io/badge/Gitee-Gitee仓库-green.svg)](https://gitee.com/AriesHoo/flutter_readhub) ~~[相关文章一：用Flutter给Readhub写一个App](https://www.jianshu.com/p/5e1db7423dac)~~ [相关文章二：Flutter版本Readhub开源](https://www.jianshu.com/p/f4161c721ff7) [相关文章三：Flutter iOS真机调试及打包过程记录](https://www.jianshu.com/p/58a6e272a038) [相关文章四：Flutter iOS打包过程及构建上线审核通过流程总结](https://www.jianshu.com/p/0bba10136bf5) [相关文章五：Freadhub终于升级Flutter2.0了](https://juejin.cn/post/6963433655838441485) [相关文章六：Freadhub Mac版它来了](https://juejin.cn/post/6971301773604552735) [相关文章七:Freadhub 适配原生鸿蒙(Harmony OS NEXT)](https://juejin.cn/spost/7483477450535239707) 该项目为Flutter实战项目,为[Readhub](https://readhub.me/)非官方客户端。 数据来源于`Readhub`官方API接口。**版权及最终解释权归Readhub官方所有,如有侵权请邮箱联系删除!** 仅供学习使用，禁止商用 ## 前言 > `Freadhub`是由`AriesHoo`开发维护的一个`Flutter`开源项目--`readhub`的非官方产品。 之前`Freadhub` 手机端已有`Androd`、`iOS`版本,随着 `原生鸿蒙(Harmony OS NEXT)` 的发布,加上社区 SDK 鸿蒙化的推进。笔者感觉是时候适配一下了. > Gitee开源: 先来个整体效果展示 | 亮色模式| 深色模式| | --- | --- | | ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/ee06583d07a047018079c34916c561a7~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=ts%2FlQav9bbXDWD3WA92bS35MU%2BQ%3D) | ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/fc904244514442eeaee4690c5679966a~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=qVkmKxt1al05ULwuEf31f4ww5qE%3D)| | 今日古诗 | 分享面板 | | ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/a5fa3593ba5743d9b53e5ecd2b9ea153~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=6sGYXZUc2TBq7m%2B8rhugQU4voSA%3D) | ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/b91224d2195249f188f28cd34e49f97b~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=bPRXxtwu3g7aTcN%2BQ%2FZj6Effnls%3D)| | 图片分享| 文字分享| | ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/83883d97f3ca49258e30cc6f1335ae98~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=gRJupoXl%2FrkT9aZOwut7sy4XzWs%3D)| ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/c3979e15b9544497acaf28b0bc5d4ddb~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=dtF%2FfIh%2BLjwDqCDa9coia7Tuz0k%3D)| | 内置浏览| 系统浏览| | ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/a40a97622cd044acb3dd8c8cc36fa59b~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=Qfms%2BXSn2jfBF%2FD7SoGRwDuq8%2Bo%3D) | ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/8eac45fd82ce4fc4bf25fbc6386bc519~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=5%2BiYaHJ7dxiivdqku5wFoHWi2IU%3D)| | 更多内容| 主题选择| | ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/a3a11a1f40b74484901bfaf6db62e7ec~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=upxteQpb4EcKHr14uXxudC%2BElsY%3D)| ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/532133641f5c4602950d0c9f93d6d55d~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=N%2BDnNh8VQX0z50p9Wwy5cYa6SoI%3D)| ## 开始适配 ### 前置条件 首先因为 `Harmony版Flutter SDK` 只支持`Mac arm`架构,故需要准备一个 `Mac M系列` 的 `Mac` 电脑. ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/da65c5cfd74e46baad077541a615cbd0~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=vl%2BPk50CDWM%2BlhWWPJwGq6%2BXQtg%3D) [社区文档](https://gitee.com/openharmony-sig/flutter_samples/blob/master/ohos/docs/03_environment/%E9%B8%BF%E8%92%99%E7%89%88Flutter%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%8C%87%E5%AF%BC.md#52-windows%E6%88%96mac-x86%E6%9E%B6%E6%9E%84%E6%97%A0%E6%B3%95%E8%BF%90%E8%A1%8C%E6%A8%A1%E6%8B%9F%E5%99%A8) 很可惜笔者的电脑是不支持的...😂 ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/e357c4547a694b62837fa69693bcbd05~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=Ilo5bJ8Pyh7lJqel%2Bg2e%2FQi7kQ4%3D) > 话说公司应该给升个级了. 那么就走另一条路了,`买个支持原生鸿蒙的手机`. | | | | | -- | -- | -- | | ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/dd83155118cd47a1a79e9a2fb538bc41~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=hh1Pjs0YZuCzzeGVR9C8afowbQg%3D) | ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/31eb3e2fb7674f1ea211521888a29992~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=BhTuQLkUfYe8oV5CnPzJkLarojI%3D) | ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/09bac710c60640bdb1d2e4af3b80095e~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=qobvNeSqZ1nzRr51sRr9yO6gF40%3D) | 根据自己的情况搞一个 [Harmony NEXT 支持设备查询](https://consumer.huawei.com/cn/support/harmonyos/models-next/) ### Flutter SDK下载 目前社区版 `鸿蒙Flutter SDK` 有俩版本 [3.7.12](https://gitee.com/openharmony-sig/flutter_flutter) 和 [3.22.0](https://gitee.com/harmonycommando_flutter/flutter), `Freadhub`选择`3.7.12`, 可以直接下载给自己的Flutter项目加载使用 > git clone hm3.7.12 也可使用`fvm` 进行多版本SDK管理 通过 `fvm use hm3.7.12` 切换当前系统使用SDK版本 ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/518c2b61cc134a74b32a5142c6e41b7d~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=Mzpj8XAFWLpNIH5wnFpMjrCgDBI%3D) ### 增加ohos支持 `flutter create --platforms=ohos .` 执行该命令后会在原项目增加 `ohos` 文件夹 ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/77da7a8d9435479ca42f57276aa762ed~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=n%2BCgJTmkE90UoGqTcc54EDBbJYM%3D) ### ohos项目配置 #### 下载并配置 DevEco Studio 在华为官网下载一个 [DevEco Studio](https://developer.huawei.com/consumer/cn/download/) ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/a2eb81acb1a44e46ac4c858cf1d55881~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=bFLbZMM6clQZ1ZRZujlOghQTHQk%3D) 该步骤非本文重点,具体 [安装配置流程参考文章](https://juejin.cn/post/7427455855971008548) #### DevEco Studio 配置 Freadhub ohos项目 第一步:导入 `flutter_readhub` 项目的 `ohos` 文件夹,该文件夹是一个完整的 `Harmony NEXT`项目 ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/ba2bfc0863c44fc392887a9c41a1da26~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=GykqyU6BabXD5VGd8mWAUbMKN58%3D) 如图可见,该项目是完全可直接运行的,类似用`Android Studio`直接打开`android`文件夹,也是可以直接运行起来的一样 ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/b7368137646a419da5f413a5b7183965~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=XFg6xMH8AexJXrSdknVrMvyv8rc%3D) 第二步:配置项目自动签名 > 因为项目是需要直接运行到真机的,故需要自动签名 ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/7ad6144a43114614929703c90340ccdc~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=LGKXBcaKd8FlHYbDHYALzaxwdEE%3D) 需要登录自己的华为开发者账号 ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/aa60b540e7ca44b9a48d648f98ca0639~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=U1BV57vheOYzufg%2Fwb8PwjfvVeY%3D) 打开设备开发者模式并连接电脑 ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/756f2f7ad1ce4e7ea92cb78adf3cc38e~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=jvXhGs5ioz24WtkuQ6i2q8Xgz%2FM%3D) 如果电脑未连接设备会是这个样子的 ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/e5b4ed620fad48ab9b5552ac76bf87a1~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=eR7mhyLIy0USV54Tuemc%2FXZhjlE%3D) [华为官方文档](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V14/ide-signing-V14) [Flutter社区文档](https://gitee.com/openharmony-sig/flutter_samples/blob/master/ohos/docs/03_environment/%E9%B8%BF%E8%92%99%E7%89%88Flutter%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%8C%87%E5%AF%BC.md#3openharmony%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8Cflutter%E9%A1%B9%E7%9B%AE) 然后在未配置自动签名项目运行会出现一下问题[华为官方解疑](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V14/ide-hvigor-faqs-V14#section165158289282) ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/cdd65ca47eb6414dba155db28aee7d15~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=BvliLrG3ZIcVNNLKGepG5cFp3C8%3D) 第三步:配置应用`bundleName` > 应用包名,对应 Android 项目的`packageName`或 `applicationId` 及 iOS 项目的 `bundleId` ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/18908be1f51848b7a160d8550f471791~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=0ypthqMn8MgjXVX6JtF6Vyt1ODE%3D) > 因为历史原因建议与`Android`项目作区分 第四步:配置应用的图标及应用名称 配置`app.json5` ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/164adb79f55c4c578499b1ccae86a9ed~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=sNbF6nNGJ9CWecCtlsCGLG%2BBnEQ%3D) 移除 `module.json5` 中默认添加的 `icon` 和`label` ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/e8404d64cfa84e66bd0eab7d71121d4c~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=oQwjdnKgT7gBsYbgFc2U3KgRHYc%3D) ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/d2e5d09aecb54b8eab2010bfe9f4c337~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=SXxkP1qyHyvD6wMxMVkrQ%2BmiKSU%3D) 至于原因参考华为官网介绍 > v5前 [华为官方文档](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V2/application-component-configuration-stage-0000001478340869-V2) ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/b0c76c4915de44cd8210dd5549994874~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=mHIhQPNk%2FPUWCADu2IiCZS0dn9o%3D) > v5后 [华为官方文档](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/application-component-configuration-stage-V5) ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/943c23a3ed7840c3a9f3603dd4fb03ab~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=IrWyChMfO%2BUJ8kxmHmLefvypDzM%3D) 第五步:配置应用的闪屏页 如下图所示配置 `module.json5` 中 `startWindowIcon` ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/a867fb235fca4c33ab7985be3e090790~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=cOGJ9PGvUawoZhj1Spa3Sf2hsSs%3D) 增加闪屏背景`dark`模式适配,`copy`一份 `base` 文件夹改名为`dark` 并且仅保留 `element`文件夹及下级`color.json`文件 ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/71554b11a37f487da38b19d70d1bf64d~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=yuaR9auc10IWE4pvylwYcI%2BSTMY%3D) 修改 `dark` 文件夹下 `color.json` 文件里的 `start_window_background` 的 `value` 为一个相对较暗的值 ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/bf394aa7dba943e0b601ceb7ae9154cf~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=ybc96fZwgAiFOQutQpXkDHkHZ08%3D) 至此 `DevEco Studio` 配置 `Freadhub` `ohos`项目完成. ### `flutter_readhub`项目适配 #### 插件适配 `ohos` 端 > 首先 通过 `Android Studio` 打开 `flutter_readhub` 项目,其中 `Flutter Plugins` 需要自行判断是否需要在 `ohos` 端进行适配. ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/f267aa563bb64a748c761db0f0e7e9a7~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=w65ys7%2BO2wxvmGf7GLf7Q69XgFs%3D) 可以在[Flutter社区已兼容openharmony插件 ](https://gitee.com/openharmony-sig/flutter_packages#openharmony%E5%B9%B3%E5%8F%B0%E5%B7%B2%E5%85%BC%E5%AE%B9%E5%BA%93) 进行查阅 本项目需要兼容的插件如下 # 设备信息 device_info_plus: git: url: https://gitee.com/openharmony-sig/flutter_plus_plugins.git path: packages/device_info_plus/device_info_plus # 应用包信息 package_info_plus: git: url: https://gitee.com/openharmony-sig/flutter_plus_plugins.git path: packages/package_info_plus/package_info_plus # WebView-应用内查看资讯详情 webview_flutter: git: url: https://gitee.com/openharmony-sig/flutter_packages.git path: packages/webview_flutter/webview_flutter ref: master #跳转系统浏览器/打电话等 url_launcher: git: url: https://gitee.com/openharmony-sig/flutter_packages.git path: packages/url_launcher/url_launcher #动态权限申请-8.0.0版本需在Profile申请需要启用的权限 permission_handler: git: url: https://gitee.com/openharmony-sig/flutter_permission_handler.git path: permission_handler #分享文字及文件-注意保存文件位置 share: git: url: https://gitee.com/AriesHoo/plugins.git path: packages/share ref: master # plus版本 share_plus: git: url: https://gitee.com/openharmony-sig/flutter_plus_plugins.git path: packages/share_plus/share_plus 其中项目直接引入共计7个需要适配`ohos`的插件. > 又因为 `flustars` 插件内部引入了 `path_provider` 和 `shared_preferences` 插件故需要通过 `dependency_overrides` 方式进行覆盖. ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/0fc3312defd64189bf2d0d4a962d2af7~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=ai3CIXe0wp6hkaDccfDJu%2BP531o%3D) > 最后通过命令 `flutter pub get` 一下,即可查看到对应 `ohos` 实现的 `Flutter Plugins` ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/b7c5e4cebfdc4a12b270c3acf8589013~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=Qq1%2FSXaoQXqRqFpNgdl6q7WCHLQ%3D) > 至此该项目是可以直接运行到 `Harmony NEXT` 设备上的.最后还需针对`ohos`的小优化--涉及修改 `flutter_readhub` 代码层面的. ### 针对 `ohos` 的 `flutter_readhub` 代码层面优化 #### 分享功能优化 因为之前在 `Android` 平台增加固定分享某些社交平台如`QQ`、`微信`、`企业微信`、`钉钉`等,故之前魔改了 `Flutter` 官方的`share` 插件,但是支持 `ohos` 的分享插件是 `share_plus` 故需要做判断. 首先增加是否是 `ohos` 的判断方法 ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/b6742488e16d4020aaa591219884f4c8~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=aQCRBeFVE489zIEAt9B6Sf5neeg%3D) 其次在`share_util`中的`shareText`及 `shareFiles` 方法修改 ![shareText](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/02611e1d43614e68a2a25e3888032daf~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=RqcVOXg%2FRMwhZEtFrcV05a2stNs%3D) ![shareFiles](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/6e660e2417cb4498985ccda5fd4c7c9c~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=HYhsqcMi3oMJqLvfngh6NdFXR6E%3D) 然后分享图片截取图片到手机功能,经测试发现在`ohos`上不需要申请权限即可保存到手机然后进行图片分享.但是没有找到图片在图库的具体位置😓.(不知道是否是存在应用独有的存储空间?),故在权限帮助类增加如下判断 ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/f8350fca652b459196cd84332cd04f22~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=ShnRhmHfNGmhzTEzjYG%2BzEOAqDY%3D) #### 下拉刷新及底部加载更多 因之前做 `Android` 是 `MaterialClassicHeader` 刷新头,其他都是 `ClassicHeader`,这次升级后,`Androud`的刷新头是 `MaterialClassicHeader` ,`ohos` 刷新头脚都是 `ArkUI` 自带的 `LoadingProgress`效果. 剩余平台的头脚都是 `CupertinoActivityIndicator` 这里通过加载 `GIF`图片效果增加 `ohos` 的效果,首先从华为官网获取到对应gif资源并放入`flutter_readhub`项目 ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/778d565299b64664ad68036a723dfd48~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=M3dRd3Uk1eEPVa70GfQFRCLBZfU%3D) 在`flutter_readhub`项目中引入插件`flutter_svg` ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/1f6981e309ca403fbb6c0a84a40840c0~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=lbfvt8dCXI4qENQM6NwWDigIvuM%3D) 然后组装一个组件加载即可 ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/bb6654b5b188459cb1ce9809ff73eb92~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=b%2FV3E5%2F0Bmrndrl1Lvp%2F%2BCLrLTY%3D) 最后刷新头脚相关平台判断即可 ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/11b4da0987544c039a8a845346374783~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=K7a34ScyZ186MV3inBtubahWYlA%3D) ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/756228d13feb4290b78eb295e99bdcda~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=rOgNQzNtTRSuGnh2ECAjBBHeYXU%3D) 最终平台效果一览 | Android | iOS | OHOS | | --| -- | -- | | ![Android.gif](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/88c83d11d29b4ab9a39fc7f0551b9c26~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=7J93qjga1%2F7ptuLu2pn%2FHIAAS3A%3D) | ![iOS头.gif](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/75988b9fae254d179f6715458d1d8f29~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=%2Bfzm76REPc0S5ICQpSmJ1Z3bZl4%3D) | ![ohos.gif](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/18a44d3d6ced41d0924eb7bb5b775c8e~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=CMypofPzaI4JMJBgQjtOFuHmKyM%3D) | #### 整体圆角弧度增大 最近俩月使用原生鸿蒙手机,感觉系统的圆角做得比较大,感觉挺不错,故将整个`flutter_readhub`项目涉及到圆角地方进行了增大. | 列表旧版 | 列表新版 | | --| -- | | ![155313318232c62759c0f8812a78c6a1\_720.jpg](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/88dad1400a3744c59c2ff453dafb6d24~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=gAc7kz0n2O%2FkBVUFU7h7maSiVxU%3D) | ![92c441af62a05a65b977aaca2363a248\_720.jpg](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/fd125771a37541a0a06437d497e33957~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=r8d%2BX%2FjOD7fBdKGu9Zifl6OL4PY%3D)| | 分享弹框旧版 | 分享弹框新版 | | ![14121c224f521ec07141c95d2a057fc4\_720.jpg](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/b43b6f16d5584b1b90672e301f62ce6d~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=O6CLC9Me0Tyq9wvi48uCp%2B6Rf8E%3D) | ![312b5799c9f4e76c02bede56c3b79a4b\_720.jpg](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/0dc87f6ea58144d6bf3c619c2d89b89a~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=52hSYq62hhfi4zKMjBwFbKGEUjU%3D) | | 更多弹框旧版 | 更多弹框新版 | | ![8b03ef8614ea4a3d326e7db605a8e143.jpg](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/df7079fc6ea74cdfa3fab4b18cf79240~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=jZDc2o1gnrg48UXom%2F2dPcQhgvc%3D) | ![da2d0b105d5fbbb36871124dfcc388f3\_720.jpg](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/a87df654df944617a4f79e8ed1d2b747~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=tCkknV%2BQO2UujST1x1Vu1fe6bEs%3D)| #### 其他小优化 1. 列表卡片增加已读灰度标识 2. 顶部诗歌部分增加点击切换功能 3. 开源移除GitHub地址(主要是太久没有上去加上手机格式化问题二次校验不通过登不上去了😂) 4. 分享弹框icon增加为5列显得更加合适不过大 5. 部分图标变更为`outlined`模式的 6. 列表回到顶部功能icon变更并且移除文字显示 7. 接口数据源变更 ### 手机上运行项目 在完成 `ohos` 端插件适配后即可在手机上运行查看效果 > 首先 打开`开发者选项`并`开启USB调试`, 注意`开发者选项`需要重启手机.连续点击三次`关于本机`中`软件版本`后根据提示操作并重启手机.然后`设置>系统>开发者选项` 打开`USB调试`即可. | 打开开发者选项 | 打开USB调试 | | -- | -- | | ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/f0a450fe38254f10a4ab11c23411a17f~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=1l26YQkHX4wO1%2F3gwkivd4W70eI%3D) | ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/f5e2bbf7b2804b909ccc43f8fd3a43e9~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=RldItUKfrQ7ycHIS0TZwI1m5fuo%3D) | > 其次数据线连接电脑与手机选择手机点击运行即可 ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/508a3d1abb344f59868e02d2fb649287~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=znzcJoM4IR3jph1QC1Clh%2BL6F0M%3D) 成功运行,控制台出现`flutter_readhub`日志 ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/cbbf948c40b54be1b22fab024c814a4e~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=QdHFbV2I22euwITT%2FmmJnuJJOhI%3D) 其他操作如 `command+s` 会 `hot reload` 和运行其它端一样一样的. 如果要平常使用则通过`flutter run --release` 这样闪屏页和主程序之间不会有近1s的白屏 | debug模式 | release模式 | | -- | -- | | ![debug.gif](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/d4309fe5ab534b20a4c7c5e83168db53~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=gJWl7xu8tp47U3%2FH33UC0KeAtg8%3D) | ![release.gif](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/7a224553d72d4d0f80a89e6ad3af27f2~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=nLCX8oZNdBjqkAQ5AW%2B1FthPcaM%3D) | ## 其它杂谈 1、部分网页不知道是自身适配原因还是`ohos`系统本身`webview`问题.未加载成`手机模式`而是`PC模式`,同一网页在`Android` 环境下是正常的`手机模式` | HarmonyNEXT | Android | | -- | -- | | ![ohos.gif](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/77c9db4d8d274a8d8627deec4d598352~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=AMwYY5A%2FoIXhXu0jY0pt6OU5Dl0%3D) | ![Android.gif](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/9df203d74f7f4c6f93805cd0e8c7c12e~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=2aIxwPBp3RhJkrnjbOneV%2F0eYwY%3D) | 2、因 `Harmony NEXT` 软件生态还在搭建部分应用未迁移的可以通过`卓易通`下载`Android` 版进行过度,故可以在 `Harmony NEXT`手机上同时安装 `ohos版` 和 `Android版` ![image.png](https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/ea8446658a7145c7bc4a489b11b7b5dc~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQXJpZXNIb28=:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiOTIzMjQ1NDk1OTkwMTA5In0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1743056149&x-orig-sign=EpmCH405PEb8mUA8izph8EwvgoY%3D) > 如图所示左侧列表卡片占据到底部小横条的是 `ohos版` 右侧 最底部有白色预留小横条的是 `Android版` ## 总结 1. 社区 `Flutter SDK` 提供了开发`Harmony NEXT` 的一种可能 2. 支持的版本只有俩 `3.7.12` 及 `3.22.0` 目前 Flutter 官方最新版 `3.29.2` 3. 三方SDK`ohos`支持度还不够 4. UI 部分要是有一套`ohos`的就更好了 5. 到2025年虽然网上有[`Flutter团队要解散了`](https://juejin.cn/post/7362901975421337651?searchId=202503201036274BA51447DB61E1FD796F),[`Flutter社区分叉Flock`](https://juejin.cn/post/7431032490284236839?searchId=20250320103847FDC1DE0D9B1B76AC523D)等传闻,但是笔者私以为 Flutter仍是跨平台的最优解,没有之一 > 该项目为笔者学习`Flutter`练手开发的,年前心血来潮适配了一下`ohos` ，权当抛砖引玉了，万望各位不吝赐教 * `@AriesHoo 2025.03.20 未允禁转` * `掘金主页` : [AriesHoo](https://juejin.cn/user/923245495990109) * `Gitee` : [AriesHoo](https://gitee.com/AriesHoo) * `Email` :  ## License ``` Copyright 2019-2025 Aries Hoo Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. ```