logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

React Native跨平台鸿蒙开发高级应用原理:RNOH框架中的RNInstancesCoordinator模块的配置代码

摘要:本文介绍了React Native ArkUI中TurboModule相关API的变更与使用说明。包括已废弃的createTurboModulesFactory、createUITurboModuleFactory和createWorkerTurboModuleFactory方法,推荐使用新的getUITurboModuleFactoryByNameMap和createEagerUITurb

#react native#react.js#javascript +1
React Native跨平台鸿蒙开发高级应用原理:如何利用 rnInstanceName实现线程配置一致性

本文介绍了Worker线程配置的核心参数createWorkerRNInstanceConfig及其关键参数rnInstanceName的作用。rnInstanceName用于确保Worker线程与主线程配置的一致性,支持多实例差异化配置,如不同实例使用不同的网络和证书规则。通过示例代码展示了如何基于实例名称实现配置对齐和逻辑复用。此外,文章还说明了主线程和Worker线程配置的独立性,强调rnI

#react native#react.js#javascript +1
React Native跨平台鸿蒙开发高级应用原理:React Native 中用于 JavaScript 和原生代码进行交互的模块TurboModule

本文探讨了React Native中Turbo Modules在原生模块开发中的应用,重点比较了ArkTSTurboModule和cxxTurboModule两种类型。Turbo Modules通过JSI实现高效通信,支持类型安全和异步调用,适用于图像处理、设备交互等高性能场景。文章详细介绍了实现流程,包括接口定义、代码生成、原生逻辑实现和模块集成,并通过图像处理案例展示了C++核心模块设计。相比

#javascript#react native#交互
React Native跨平台鸿蒙开发高级应用原理:RHOH启动流程与Worker线程启动原理介绍

鸿蒙RN启动流程分为四个阶段:1)RN容器创建,包括EntryAbility、Index.ets、RNApp.ets和RNSurface.ets组件构建;2)Worker线程启动,运行TurboModule;3)NAPI方法初始化,配置18个ArkTS调用C++的接口;4)RN实例创建,涉及ID获取、TurboModule注册、字体注入等步骤。最后完成bundle加载和界面渲染,整个流程通过Ark

文章图片
#react native#react.js#javascript
React Native跨平台鸿蒙开发高级应用原理:适配层事件分发逻辑(一)

本文描述了适配层事件分发逻辑的实现过程。主要包括:1) 事件注册机制,如Stack节点注册点击/悬停事件,SurfaceTouchHandler注册触摸事件;2) 事件接收通过ArkUINodeRegistry回调;3) 事件处理流程,区分Touch事件和非Touch事件,分别查找对应的处理器;4) Touch事件通过TouchTarget定位并传递给JS侧;5) 非Touch事件(如点击)由Ar

#react native#harmonyos#react.js
React Native跨平台鸿蒙开发高级应用原理:如何创建 C++ Turbo 原生模块,形成胶水代码文件

本文介绍了在OpenHarmony平台上开发原生模块的具体实现方法。主要内容包括:1) 创建CalculatorModule.ts实现基础计算功能;2) 构建GeneratedPackage.ets文件并重写必要方法;3) 针对CxxTurboModule的特殊处理方式,包括修改RTNCalculator.cpp中的方法实现;4) 在CMakeLists.txt中添加胶水代码文件路径。文档详细说明

#react native#react.js#javascript +1
React Native跨平台鸿蒙开发高级应用原理:如何使用Codegen生成原生代码

华为推出鸿蒙开发AI辅助工具CodeGenie,精准支持ArkTS语法和鸿蒙API,提升开发效率。该工具集成在DevEco Studio中,提供智能问答、代码生成等功能,支持上下文分析和本地知识库调用。通过快捷键或侧边栏即可使用,需登录华为账号并同意隐私条款后体验。开发者可指定代码文件进行分析,或导入设计文档形成知识库,使AI生成更符合项目需求。该工具能减少80%的语法错误和文档查询时间,是鸿蒙开

#react native#react.js#javascript +1
React Native跨平台鸿蒙开发高级应用原理:ArkTS TurboModule的如何实现

React Native新架构引入TurboModule机制提升原生模块性能,本文详细介绍了在OpenHarmony平台实现TurboModule的方法。内容包括:目录结构规范、JavaScript接口声明、模块配置说明,以及通过Codegen生成类型安全接口的原理。重点解析了TurboModule相比传统Bridge的优势,提供了多版本兼容配置方案和实际项目部署指南,为开发者在鸿蒙平台上优化Re

文章图片
#react native#react.js#javascript +1
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跨平台鸿蒙开发高级应用原理:如何设置自定义TurboModule运行在worker线程

本文介绍了在HarmonyOS应用中设置自定义TurboModule运行在worker线程的实现方法。首先需要将CalculatorModule的基类从UITurboModule改为AnyThreadTurboModule,并修改相关父类方法。其次要配置TurboModule运行在worker线程,需继承RNAbility并重载getRNOHWorkerScriptUrl方法,指定worker脚本

文章图片
#react native#react.js#javascript +1
    共 420 条
  • 1
  • 2
  • 3
  • 42
  • 请选择