当前位置：首页 > news >正文

鸿蒙Flutter实战：24-混合开发详解-4-初始化Flutter

news 来源：原创 2025/6/27 22:47:43

概述

将 Flutter 模块添加至宿主鸿蒙项目中后，接下需要实现页面跳转、消息通信等功能，本文重点介绍如何初始化 Flutter。

项目配置

添加依赖

编辑 ohos_app/oh-package.json 文件

如果通过 Har 包方式引入 Flutter 模块，则需要添加如下内容

  "dependencies": {"@ohos/flutter_module": "file:har/my_flutter_module.har","@ohos/flutter_ohos": "file:har/my_flutter.har"},"overrides" {"@ohos/flutter_ohos": "file:har/flutter.har",}

如果通过源码方式引入 Flutter 模块，则需要添加如下内容：

  "dependencies": {"@ohos/flutter_module": "./flutter_module","@ohos/flutter_ohos": "./har/flutter.har"},

Flutter 引擎初始化

编辑 ohos_app/entry/src/main/ets/entryability/EntryAbility.ts 文件，按以下方式修改：

-import { AbilityConstant, ConfigurationConstant, UIAbility, Want } from '@kit.AbilityKit';
-import { hilog } from '@kit.PerformanceAnalysisKit';
-import { window } from '@kit.ArkUI';
+import { FlutterAbility, FlutterEngine } from '@ohos/flutter_ohos';
+import { GeneratedPluginRegistrant } from '@ohos/flutter_module';-const DOMAIN = 0x0000;
-
-export default class EntryAbility extends UIAbility {
-  onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
-    this.context.getApplicationContext().setColorMode(ConfigurationConstant.ColorMode.COLOR_MODE_NOT_SET);
-    hilog.info(DOMAIN, 'testTag', '%{public}s', 'Ability onCreate');
-  }
-
-  onDestroy(): void {
-    hilog.info(DOMAIN, 'testTag', '%{public}s', 'Ability onDestroy');
-  }
-
-  onWindowStageCreate(windowStage: window.WindowStage): void {
-    // Main window is created, set main page for this ability
-    hilog.info(DOMAIN, 'testTag', '%{public}s', 'Ability onWindowStageCreate');
-
-    windowStage.loadContent('pages/Index', (err) => {
-      if (err.code) {
-        hilog.error(DOMAIN, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err));
-        return;
-      }
-      hilog.info(DOMAIN, 'testTag', 'Succeeded in loading the content.');
-    });
-  }
-
-  onWindowStageDestroy(): void {
-    // Main window is destroyed, release UI related resources
-    hilog.info(DOMAIN, 'testTag', '%{public}s', 'Ability onWindowStageDestroy');
-  }
-
-  onForeground(): void {
-    // Ability has brought to foreground
-    hilog.info(DOMAIN, 'testTag', '%{public}s', 'Ability onForeground');
-  }
-
-  onBackground(): void {
-    // Ability has back to background
-    hilog.info(DOMAIN, 'testTag', '%{public}s', 'Ability onBackground');
+export default class EntryAbility extends FlutterAbility {
+  configureFlutterEngine(flutterEngine: FlutterEngine) {
+    super.configureFlutterEngine(flutterEngine)
+    GeneratedPluginRegistrant.registerWith(flutterEngine);}
}

最终 EntryAbility.ts 文件内容如下：

import { FlutterAbility, FlutterEngine } from '@ohos/flutter_ohos';
import { GeneratedPluginRegistrant } from '@ohos/flutter_module';export default class EntryAbility extends FlutterAbility {configureFlutterEngine(flutterEngine: FlutterEngine) {super.configureFlutterEngine(flutterEngine)GeneratedPluginRegistrant.registerWith(flutterEngine);}
}

EntryAbility 继承自 FlutterAbility，而 FlutterAbility 继承自 UIAbility, 它在 UIAbility 上增加了以下功能：

引擎管理

初始化Flutter引擎（FlutterEngine）
通过Delegate处理Flutter与原生能力绑定
管理窗口生命周期(create/destroy)

UI交互

创建FlutterView视图容器
处理系统配置变化（深色模式/字体缩放）
实现多语言/无障碍服务适配

生命周期协调

转发原生生命周期事件到Flutter层（onForeground/onBackground）
处理异常恢复（appRecovery.restartApp）

扩展支持

提供插件管理接口（addPlugin）
支持热重载配置同步（onConfigurationUpdate)

总结

本节主要介绍了如何初始化 Flutter 引擎，以及初始化 Flutter Module。下一节我们将介绍如何由原生跳转至 Flutter 并展示界面。

参考资料

如何使用混合开发 module
如何使用混合开发添加跳转 FlutterEntry

鸿蒙Flutter实战：24-混合开发详解-4-初始化Flutter

概述将 Flutter 模块添加至宿主鸿蒙项目中后，接下需要实现页面跳转、消息通信等功能，本文重点介绍如何初始化 Flutter。项目配置添加依赖编辑 ohos_app/oh-package.json 文件如果通过 Har 包方式引入 Flutter 模块，则需要添加如下内…...

编程日记 2025/6/27 22:47:43

微信小程序之Promise-Promise初始用

我们来尝试使用Promise。 1、需求，做个抽奖的按钮， 抽奖规则： 30%的几率中奖，中奖会提示恭喜恭喜，奖品为10万 RMB 劳斯莱斯优惠券，没中奖会提示再接再厉。 2、先搭界面： <view class&qu…...

编程日记 2025/6/27 22:13:41

工业 / 农业 / AR 场景怎么选？Stereolabs ZED 双目3D相机型号对比与选型建议

Stereolabs ZED 相机系列为视觉感知领域提供了多种创新解决方案，适用于不同应用场景。选择合适的 ZED 相机型号，需综合考虑分辨率、深度感知范围、接口类型等因素。 Stereolabs ZED 相机产品系列概览 ZED：首款立体视觉相机，专为高…...

编程日记 2025/6/27 18:53:15

(Git) 稀疏检出(Sparse Checkout) 拉取指定文件

文章目录 🏭作用🏭指令总览👷core.sparseCheckout👷sparse-checkout 文件 🏭实例演示⭐END🌟交流方式 🏭作用类似于 .gitignore 进行文件的规则匹配。一般在需要拉取大型项目指定的某些文件…...

编程日记 2025/6/27 22:32:16

Nginx 部署前端项目dist文件到局域网然后ngrok部署到公网

①项目里面 npm run build 生成的dist文件 ②下载nginx: download 将dist文件夹放入html文件夹中 ③conf修改配置里面有nginx.conf 文本修改④在此目录下打开cmd 输入 start nginx.exe 启动代理 ⑤http://localhost:90/index.html即可或者域名换成你的ip地址也可以 …...

编程日记 2025/6/27 23:32:21

【sylar-webserver】9 网络模块

目录 Address 类图知识点常用结构体常用函数 Socket 类图主要功能初始化 socket 流程： ByteArray 知识点 zigzag 算法 TLV 编码结构 Stream 类图 Stream 流结构，提供字节流读写接口 SocketStream TcpServer 类图主要功能 Address…...

编程日记 2025/6/27 4:07:29

野火鲁班猫(arrch64架构debian)从零实现用MobileFaceNet算法进行实时人脸识别（四）安装RKNN Toolkit2

RKNN Toolkit2是用来将onnx模型转成rknn专用模型，并可通过RKNN Toolkit Lite2或者RKNPU调用NPU进行加速计算的工具。一开始我安装很多次都无法成功安装。后来跟售后技术对接，必须是PC平台的Linux环境才可以。我的电脑是windows，所以我需要用…...

编程日记 2025/6/27 20:35:24

第六部分：阶段项目 5：构建 NestJS RESTful API 服务器

现在，是时候将你学到的 NestJS 知识付诸实践，构建一个简单的 RESTful API 服务器了。我们将基于第四阶段的项目（博客文章 API 或任务管理 API），使用 NestJS 的方式重新实现它。选择以下一个项目： 项目选…...

编程日记 2025/6/27 20:17:13

【工作流】Fastgpt配置豆包模型-火山引擎

V4.9.7 Fastgpt现在不通过oneapi 来配置模型和渠道了， 可以直接在页面进行设置首先在账号- 模型提供商里面填入豆包的信息： 渠道名随便填，厂商选豆包， 然后选3个模型，如图所示如果没有填入模型映射的话是没办法 …...

编程日记 2025/6/27 21:52:08

vite搭建vue3项目及相关配置

1.npm create vite 设置你的项目名，选择框架，选择语言我此处选的为Vue typescripe 2.按照命令去执行 cd vite-vue3-app 进入项目文件，npm install 安装依赖，npm run dev 运行项目此处由于node、npm版本导致报错问题如图在…...

编程日记 2025/6/27 22:56:33

实验1 搭建nginxssl的加密认证web服务器第一步：准备工作 # 恢复快照 [rootserver ~]# setenforce 0 [rootserver ~]# systemctl stop firewalld [rootserver ~]# systemctl disable firewalld [rootserver ~]# yum install nginx mod_ssl -y [r…...

编程日记 2025/6/27 20:57:42

数字孪生技术如何重塑能源产业？

近年来，全球能源行业正步入一个前所未有的转型期。一方面，“双碳”目标驱动能源结构向低碳化、清洁化发展；另一方面，新能源比例快速上升，给传统电力系统带来巨大的不确定性。与此同时，数字化浪潮也席卷能源…...

编程日记 2025/6/27 2:28:21

你通俗易懂的理解——线程、多线程与线程池

一：异常处理 1.1 异常概述 （1）场景 （2）定义 （3）异常抛出机制 Java把不同的异常用不同的类表示 （4）如何对待异常 1.2 常见异常类 （1）Throwable &am…...

编程日记 2025/6/27 22:34:07

spring+tomcat 用户每次发请求，tomcat 站在线程的角度是如何处理用户请求的，spinrg的bean 是共享的吗

对于 springtomcat 用户每次发请求，tomcat 站在线程的角度是如何处理的比如 bio nio apr 等情况 tomcat 配置文件中 maxThreads 的数量是相对于谁来说的？ 以及 spring Controller 中的全局变量:各种bean 对于线程来说是共享的吗？ 一、Tomca…...

编程日记 2025/6/27 21:56:32

机器人坐标系标定

机器人坐标系标定机器人坐标系标定 1. 知识目标理解机器人坐标系的定义掌握机器人坐标系的分类 2. 技能目标能够正确标定机器人坐标系 3. 机器人坐标系的作用代表不同的物体或边界示例： 相对于桌子、弓箭、坯料、其他机器或边界移动用途： 使用…...

编程日记 2025/6/27 23:23:13

VR光伏车棚虚拟仿真系统：开启绿色能源新视界

VR 光伏车棚虚拟仿真系统，是一种集成了先进计算机技术与前沿虚拟现实技术的创新工具。它的核心在于，通过数字化手段高度逼真地模拟光伏车棚电站从规划建设到实际运行的全流程情境 ，为相关人员提供一个沉浸式、交互式的虚拟操作空间。借助 …...

编程日记 2025/6/27 23:05:03

阿里云服务器篇十三（加更）：Web书签（链接共享和迷你导航）：改为使用宿主机DB等优化

文章目录系列文章搭建 LinkAce将docker-compose配置迁移到项目目录添加脚本只保留最新备份改为使用宿主机DB获取当前LinkAce数据库备份导入LinkAce数据库备份创建数据库账号修改容器内MySQL客户端连接配置：禁用SSL连接修改 Docker 相关配置回滚和彻底清除数据卷改为使用宿主机…...

编程日记 2025/6/27 23:26:41

Typescript学习教程，从入门到精通，TypeScript 包装类与包装对象语法知识点及案例代码（10）

TypeScript 包装类与包装对象语法知识点及案例代码在 TypeScript 中，包装类（Wrapper Classes）和包装对象（Wrapper Objects）是处理基本数据类型（如 Boolean、Number、String）的重要概念。这些包…...

编程日记 2025/6/27 22:24:53

若依代码生成

1。数据库，自己先创建好表和数据启动访问页面，导入你的表圈红的改成自己的业务名生成后压缩，执行数据库脚本.sql文件 2。前台导入直接复制粘贴src 3。后台导入复制main文件夹下的两个文件夹到 ruoyi-admin\src\main 如果不能访问在修改…...

编程日记 2025/6/27 6:55:56

Vue3 打印表格、Element Plus 打印、前端打印、表格导出打印、打印插件封装、JavaScript 打印、打印预览

🚀 Vue3 高级表格打印工具封装（支持预览、分页、样式美化） 关键词：Vue3 打印表格、Element Plus 打印、前端打印、表格导出打印、打印插件封装、JavaScript 打印、打印预览在企业级应用中，我们经常遇到打印报表、导出…...

编程日记 2025/6/27 23:21:46

实现一个前端动态模块组件(Vite+原生JS)

1. 引言在前面的文章《使用Vite创建一个动态网页的前端项目》中我们实现了一个动态网页。不过这个动态网页的实用价值并不高，在真正实际的项目中我们希望的是能实现一个动态的模块组件。具体来说，就是有一个页面控件同时在多个页面中使用，那…...

编程日记 2025/6/27 22:03:25

面向对象编程在 JavaScript 中的实践

引言前端开发正随着应用复杂度增加而向更严谨的架构模式演进。JavaScript 作为一种多范式语言，其面向对象特性为构建可维护、可扩展的大型应用提供了强大基础。一、JavaScript 中的对象模型演化对象字面量：最基础的封装对象字面量是 JavaScript …...

编程日记 2025/6/27 21:29:49

Android 内存溢出（OOM）的 Kotlin 排查与优化指南

内存溢出（Out Of Memory, OOM）是 Android 开发中常见且棘手的问题，尤其在处理大图、复杂数据或内存泄漏时。本文将通过 Kotlin 代码示例和工具使用，提供一套比较完整的排查与优化方案。一、检测工具：定位内存问题根源…...

编程日记 2025/6/27 21:48:06

Docker常用命令介绍

Docker常用命令 1、本地镜像管理 save 命令将一个或多个 Docker 镜像保存到一个 tar 归档文件中，以便在其他环境中分发或备份。 # 语法：docker save [OPTIONS] IMAGE [IMAGE...]# 保存单个镜像到文件 docker save -o myimage.tar myimage:latest# 保…...

编程日记 2025/6/27 22:08:16

（高级）高级前端开发者指南：框架运用与综合实战

当您已经掌握了HTML5、CSS3和JavaScript的基础知识后，接下来就是学习现代前端框架和性能优化的高级阶段。本文将重点介绍Vue.js/React的组件化开发、状态管理和路由配置，以及前端性能优化的核心技巧。通过丰富的代码示例和详细讲解，帮助您在实…...

编程日记 2025/6/27 22:48:23

边缘计算正在重新定义物联网的未来——你的设备还在“等云“吗？⚡

“数据不动算法动，算法不动代码动”——这句话正在成为物联网时代的新铁律。当我们谈论物联网设备性能优化时，大多数开发者第一反应还是"上云"。但现实往往残酷：网络延迟让实时控制变成了"实时等待"，带宽成本让企业CFO眉头紧锁，数据安全让合规部门夜…...

编程日记 2025/6/27 13:26:40

std::initialzer_list 与花括号{}数据列表

author: hjjdebug date: 2025年 05月 22日星期四 15:50:23 CST descrip: std::initialzer_list 与花括号{}数据列表文章目录 1.{数值列表}是什么?1.1 数组初始化时 ， 称为数组初始化列表1.2. 当用于容器时, 称为容器初始化列表1.3. 对于结构体或类，{…...

编程日记 2025/6/27 21:04:44

C++初阶-list的使用2

目录 1.std::list::splice的使用 2.std::list::remove和std::list::remove_if的使用 2.1remove_if函数的简单介绍基本用法函数原型使用函数对象作为谓词使用普通函数作为谓词注意事项复杂对象示例 2.2remove与remove_if的简单使用 3.std::list::unique的使用 …...

编程日记 2025/6/27 23:14:01

从单链表 list 中删除第 i 个元素--Python

从单链表 list 中删除第 i 个元素一、问题引入二、解题步骤1.思维导图2.解题步骤三、代码实现四、个人总结一、问题引入请编写程序，将 n 个整数顺次插入一个初始为空的单链表的表头。随后对任意给定的位序 i，删除链表中第 i 个结点。注意&#xff1…...

编程日记 2025/6/27 23:30:52

GraphPad Prism工作表的基本操作

《2025新书现货 GraphPad Prism图表可视化与统计数据分析（视频教学版）雍杨康巧昆清华大学出版社教材书籍 9787302686460 GraphPadPrism图表可视化无规格》【摘要书评试读】- 京东图书 GraphPad Prism中包含5种工作表，每种工作表的基本操…...

编程日记 2025/6/27 23:34:05

C++初阶-list的使用1

目录 1.std::list简介 2.成员函数 2.1构造函数的使用 2.2list::operator的使用 3.迭代器 4.容量 4.1list::empty函数的使用 4.2list::size函数的使用 4.3list::max_size函数的使用 5.元素访问 6.修饰符 6.1list::assign函数的使用 6.2push_back和pop_back和push_fr…...

编程日记 2025/6/27 23:03:33

文献解读-病理影像多模态模型预测乳腺癌新辅助化疗的病理完全反应

期刊：Science Advances 影响因子：11.7，中科院1区Top 发表时间：2025年4月30日概要：首都医科大学宣武医院放射科卢洁教授团队近日（2025年5月）在中科院1区top期刊《Sci Adv》（IF11.7&a…...

编程日记 2025/6/27 22:50:20

Docker-Mysql

查看容器的详细信息 docker inspect mysql-8.4.5 Docker 启动 local-mysql 的完整命令 docker run -d \--name local-mysql \-e MYSQL_ROOT_PASSWORDyour_root_password \-v /AllenDocker/mysql/data:/var/lib/mysql \-p 3306:3306 \--restart unless-stopped \mysql:8.4.5 验…...

编程日记 2025/6/27 22:12:09

鸿蒙进阶——CMakelist、GN语法简介及三方库通用移植指南

文章大纲引言一、GN常用的内置变量二、GN常用的内置函数三、CMake 重要语法1、生成动态库2、生成静态库3、生成OBJECT 库4、重要的函数和模块4.1、add_definitions4.2、execute_process4.3、add_dependencies4.4、install4.5、FetchContent 四、GN 重要语法1、编译Target2、预…...

编程日记 2025/6/27 22:57:59

场景化应用实战系列六：检索问答系统

目录景化应用实战系列六：检索问答系统一、目标设定二、关键知识点梳理三、案例讲解与实战操作 1. 数据准备与预处理 2. 倒排表构建 3. 文本相似度计算 4. 检索问答系统实现 5. 系统优化与改进一、目标设定构建一个高效的检索问答系统，能…...

编程日记 2025/6/27 7:12:22

3452. 好数字之和

题目来源： LeetCode题目：3452. 好数字之和 - 力扣（LeetCode） 解题思路： 按要求判断求和即可。解题代码： #python3 class Solution:def sumOfGoodNumbers(self, nums: List[int], k: int) -> int:r…...

编程日记 2025/6/27 23:12:53

GEE数据下载问题记录

GEE下载数据时的一些记录 1. GPT说 2. 验证在未指定投影坐标系的情况下，下载原始数据导出的是MODIS Sinusoidal投影，如果单纯的对波段值进行操作，不会进行投影转换，如果涉及到波段平均，则会转投影到WGS84坐标系。如…...

编程日记 2025/6/27 23:01:29

P1833 樱花

P1833 樱花 - 洛谷题目背景《爱与愁的故事第四弹plant》第一章。题目的描述爱与愁大神后院里种了n棵樱花树，每棵都有美学值Ci(0≤Ci≤200)。爱与愁大神在每天上学前都会来赏花。爱与愁大神可是生物学霸，他懂得如何欣赏樱花：一种樱…...

编程日记 2025/6/27 23:02:50

文件操作和IO-3 文件内容的读写

文件内容的读写——数据流流是操作系统提供的概念，Java对操作系统的流进行了封装。数据流就像水流，生生不息，绵延不断。水流的特点：比如要100mL的水，可以一次接10mL，分10次接完，也可以一次接…...

编程日记 2025/6/27 21:02:00

Day 0015：Metasploit 基础解析

目录一、理论学习（Metasploit 架构与核心组件） 一、架构设计：分层与模块化基础层（Ruby 框架）： 核心层（模块引擎）： 接口层（交互界面）&#…...

编程日记 2025/6/27 22:47:51

相机标定与图像处理涉及的核心坐标系

坐标系相互关系 #mermaid-svg-QxaMjIcgWVap0awV {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-QxaMjIcgWVap0awV .error-icon{fill:#552222;}#mermaid-svg-QxaMjIcgWVap0awV .error-text{fill:#552222;stroke:#552…...

编程日记 2025/6/27 22:47:47

单例模式的运用

单例模式实现分析在我们的向量数据库配置类 MilvusVectorDatabaseConfig 中，采用了单例模式的实现方式，这是一种非常经典且实用的设计模式。饿汉式单例实现这种实现方式属于饿汉式单例模式，它的优点在于： // 在类加载时就创…...

编程日记 2025/6/28 0:01:28

PageHelper分页原理解析：从源码到MySQL方言实现

一、引言分页查询是Web开发的必备功能，MyBatis生态中的PageHelper以其简单易用的特性广受欢迎。本文将从源码层面（v5.3.2）解析PageHelper的分页实现机制，结合MySQL方言展示完整的执行链路。二、核心实现原理 1. 插件初始化 …...

编程日记 2025/6/27 20:56:13

MySQL中索引最左前缀法则、索引失效情况、前缀索引、索引设计原则

最左前缀法则联合索引中，最左前缀法则指的是查询从索引的最左列开始，并且不跳过索引中的列，如果跳跃某一列，索引将会部分失效（后面的字段索引失效）举例假设有一个联合索引包含三个字段按顺序：…...

编程日记 2025/6/27 21:21:16

pdf图片导出（Visio和Origin）

一、Visio 导入pdf格式图片 1. 设计->大小，适应绘图。 2. 文件->导出，导出为pdf格式。上面两部即可得到只包含图的部分的pdf格式。如果出现的有默认白边，可以通过以下方式设置： 1. 文件->选项->自定义功能区->…...

编程日记 2025/6/27 13:32:55

NR 通讯的整体架构

前言： 并假设发射器发送了一个信号，如左下角所示（蓝色），接收器检测到的信号显示在右侧（红色）。您在图中注意到的第一件事是什么？那就是发送的信号和接收的信号并不完全相同。有什么…...

编程日记 2025/6/27 21:23:15

【大模型面试每日一题】Day 26：从伦理角度，大模型可能存在哪些潜在风险？技术上如何实现内容安全控制（如RLHF、红队测试）？

【大模型面试每日一题】Day 26：从伦理角度，大模型可能存在哪些潜在风险？技术上如何实现内容安全控制（如RLHF、红队测试）？ 📌 题目重现 🌟🌟 面试官:从伦理角度&#xf…...

编程日记 2025/6/27 22:47:55

第六届电子通讯与人工智能国际学术会议（ICECAI 2025）

在数字化浪潮中，电子通讯与人工智能的融合正悄然重塑世界的运行逻辑。技术基础的共生关系是这场变革的核心——电子通讯如同“信息高速公路”，通过5G等高速传输技术，将海量数据实时输送至AI系统，使其能够像人类神经系统般快速响应…...

编程日记 2025/6/27 22:58:37

深入剖析 5G 核心网中的 PLMN

一、引言在 5G 技术迅猛发展的当下，5G 核心网作为整个通信系统的关键枢纽，支撑着海量数据传输、低延迟通信以及多样化业务应用。其中，公共陆地移动网络（Public Land Mobile Network，PLMN）扮演着极为重要的角色，它是 5G 核心网实现用户接入、网络管理以及业务提供的基础…...

编程日记 2025/6/27 2:06:35

佰力博科技与您探讨半导体电阻测试常用的一些方法

一、两探针法两探针法是一种较为基础的测试方法。该方法将两根探针与半导体样品表面紧密接触，通过电源在两根探针之间施加电压，同时使用电流表测量通过样品的电流，再根据欧姆定律计算电阻。这种方法的优点在于操作简单、设备要求较低&a…...

编程日记 2025/6/27 21:20:43

概述

项目配置

添加依赖

Flutter 引擎初始化

总结

参考资料

相关文章：