logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

我用 Agent 装了个可实时互动的 3D 身体,让企业员工“小慧”拥有可交流的具身交互智能

员工早上打开企业内网的健康咨询入口。小慧的 3D 形象出现在屏幕左侧,没有冷冰冰的"请输入问题",而是主动开口:“您好,我是健康咨询小慧,很高兴为您服务!我可以为您提供营养分析、健身指导、亚健康调理和健康知识普及服务。请问有什么可以帮您的?这一句"自我介绍",就是小慧"上岗"的仪式感。它不是被动等用户提问,而是以岗位身份主动开口——具身交互智能体和纯文本对话机器人的核心区分点:拥有拟人服务主动性。

文章图片
#实时互动#交互
React Native跨平台鸿蒙开发高级应用原理:生成bundle 文件,单Bundle打包

React Native OpenHarmony打包与集成方案 本文介绍了React Native在OpenHarmony平台的打包与集成方案。通过react-native bundle-harmony命令生成bundle文件,默认输出到rawfile目录。随着应用规模扩大,单bundle打包会带来启动速度慢、内存占用高和更新流量大等问题。文章对比了三种加载方式:本地资源加载适用于生产环境,Met

文章图片
#react native#harmonyos#react.js
React Native跨平台鸿蒙开发高级应用原理:如何实现打包流程OpenHarmony化

本文介绍了将React Native项目打包流程适配到OpenHarmony平台的关键技术方案。主要内容包括:采用分层架构设计,通过Metro打包器配置、依赖包管理和构建模式优化实现平台适配;重点优化了渲染引擎性能(使用XComponent对接ArkUI)和字节码生成(Hermes编译器);详细说明了OpenHarmony打包的配置项和命令参数,如dev模式、入口文件、输出路径等设置。该方案实现了

文章图片
#react native#harmonyos#react.js
React Native跨平台鸿蒙开发高级应用原理:RN-JS打包方案介绍

在 React Native 中,应用的 JavaScript 代码和资源需要在设备上运行。为了提高应用的加载速度和性能,以及减少网络请求,React Native 应用通常会在发布前进行打包处理,将所有的代码和资源打包成一个或多个文件。​ 本章节主要介绍 React Native OpenHarmony 化后,如何在 ReactJs 工程中打包 bundle 文件。OpenHarmony 打包

文章图片
#react native#javascript#harmonyos
React Native跨平台鸿蒙开发高级应用原理:使用Metro进行Bundle转字节码

本文介绍了React Native在鸿蒙平台的代码分包机制。系统采用基础包+业务包的分包方案:基础包包含React Native核心框架和通用组件,业务包则按功能模块划分。文章详细说明了两种包的打包命令配置方法,并提供了将bundle转换为高效字节码的操作指南。此外还介绍了使用Metro服务进行实时更新的方法,通过端口转发实现真机调试。这种分包机制能有效优化应用性能,实现模块化加载和代码复用。

文章图片
#react native#react.js#javascript
React Native跨平台鸿蒙开发高级应用原理:RNOH框架中的 ‌RNApp‌ 模块的配置代码

RNApp是React Native在鸿蒙平台的封装模块,简化应用启动流程。它自动管理RNInstance和RNSurface的创建,支持单实例应用开发,提供即开即用体验。核心功能包括:配置RN实例参数、定义JS Bundle加载方式、传递初始化属性、构建自定义组件等。该模块封装了底层复杂操作,支持多种Bundle加载策略(Metro/文件/资源),适用于大多数标准RN应用场景,显著降低开发复杂度

文章图片
#react native#harmonyos#react.js
React Native跨平台鸿蒙开发高级应用原理:OpenHarmony使用ContentSlot占位组件管理Native API创建的组件

在开发涉及原生模块(Native API)与前端框架(如React, Vue等)集成的Web应用时,经常需要使用到ContentSlot或Placeholder组件来管理原生组件的占位。此外XComponent的libraryname参数不支持跨module使用,即无法找到其它模块中的同名so,RNOH的日志会提示找不到对应的so。因此,RNOH将使用ContentSlot作为占位组件。的介绍,先

文章图片
#react native#harmonyos#react.js
React Native跨平台鸿蒙开发高级应用原理:CAPI组件如何进行向上对接RN指令

摘要: 在嵌入式或RTOS系统中,CAPI组件通过定义接口实现与上游RN指令的交互。具体流程包括:1)RN适配层处理指令,2)MountingManagerCAPI解析指令类型(Create/Delete/Insert/Remove/Update),3)根据指令操作组件实例(如创建ImageComponentInstance或更新布局属性)。示例中,SensorComponent通过消息队列将数据

文章图片
#react native#react.js#javascript
React Native跨平台鸿蒙开发高级应用原理:了解 RN 原生渲染

这里多提一点的是,小程序的组件分为原生组件和非原生组件,对于原生组件而言,这就脱离的 Web 渲染方案的范畴,属于原生渲染方案的一部分,所以从这点上看,小程序也可以算得上是 Web 渲染和原生渲染的融合解决方案。原生渲染方案的基本思路是在 UI 层采用前端框架,然后通过 JavaScript 引擎解析 JS 代码,JS 代码通过 Bridge 层调用原生组件和能力,不同于一般 react 应用,它

文章图片
#harmonyos#react native#华为
React Native跨平台鸿蒙开发高级应用原理:React Native 的组件渲染系统Fabric原理介绍

React Native正在向新架构Fabric迁移,计划2024年底正式启用。新架构通过简化渲染流程和优化C-API性能(如直接数据使用、属性Diff等)提升效率。鸿蒙团队提供了react-native-harmony适配包支持OpenHarmony平台。代码示例展示了新旧架构的类型定义差异:旧架构使用requireNativeComponent需要额外类型声明,而新架构的codegenNati

文章图片
#react native#harmonyos#fabric
    共 324 条
  • 1
  • 2
  • 3
  • 33
  • 请选择