logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

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

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

#react native#react.js#javascript +1
React Native跨平台鸿蒙开发高级应用原理:RNOH框架中的RNInstance 模块的配置代码

RNInstance是React Native的核心实例,负责管理生命周期和组件树。创建时通过RNOHCoreContext的createAndRegisterRNInstance方法完成,需配置RNInstanceOptions参数如功能包、调试模式等。销毁则调用destroyAndRegisterRNInstance方法。关键参数包括组件注册表、事件发射器等,提供获取生命周期状态和订阅事件的方

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

一个手指放到屏幕上时,gesturestart 事件会首先触发,然后紧接着触发这个手指的touchstart。如果两个手指或其中一个手指移动,则会触发gesturechange 事件。与触摸事件类似,每个手势事件的event 对象都包含所有标准的鼠标事件属性:bubbles、与触摸事件的例子一样,以上代码简单地将每个事件对应到一个处理函数,然后输出每个事件的信息。只有在两个手指同时接触事件接收者时

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

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

文章图片
#react native#harmonyos#react.js
React Native跨平台鸿蒙开发高级应用原理:UIAbility是包含UI界面的应用组件的相关API

UIAbility是HarmonyOS中提供UI界面的应用组件,支持生命周期管理和组件协同功能。RNAbility作为其子类,专门封装了启动React Native应用的核心逻辑,包括生命周期处理、窗口设置和页面路径配置等关键功能。开发者通过继承RNAbility并实现getPagePath()方法指定入口页面,即可快速构建RN应用。该组件提供了丰富的回调方法,如onCreate()进行初始化、o

文章图片
#react native#harmonyos#ui
React Native跨平台鸿蒙开发高级应用原理:使用Codegen工具创建Turbo Native Module和Fabric Native Component

摘要: RNOH提供了鸿蒙化的Codegen工具,用于生成Turbo Native Module和Fabric Native Component的胶水代码。该功能从react-native-harmony 0.72.13版本开始支持。使用流程包括:声明JS接口、配置codegenConfig(需嵌套在harmony字段下)、执行codegen命令、实现原生代码和JS调用。Codegen可生成C++

#react native#harmonyos#fabric
React Native跨平台鸿蒙开发高级应用原理:通过配置 ‌Metro 打包器‌ 来实现 React Native 应用的‌代码拆分(拆包)

本文介绍了React Native项目中Metro打包工具的安装与配置方法。在安装方面,可通过npm或yarn单独安装最新版Metro。配置Metro主要有三种方式,重点讲解了metro.config.js的配置结构,特别强调了拆包打包中关键的serializer选项。通过示例工程详细说明了如何利用createModuleIdFactory和processModuleFilter两个核心方法实现模

文章图片
#react native#android#react.js
React Native跨平台鸿蒙开发高级应用原理:生成bundle 文件,多Bundle打包

本文探讨了React Native多Bundle打包方案在HarmonyOS NEXT应用中的实现。通过Metro工具将应用拆分为基础包和业务包,解决单个Bundle过大导致的加载性能问题。文章详细介绍了多Bundle应用的资源加载机制,包括Bundle路径配置和RN实例创建过程,并提出了当前存在的资源路径设置未生效问题。同时分析了多Bundle应用的预加载必要性,给出了ArkTS环境下基于Loa

文章图片
#react native#harmonyos#android
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跨平台鸿蒙开发高级应用原理:生成bundle 文件,单Bundle打包

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

文章图片
#react native#harmonyos#react.js
    共 300 条
  • 1
  • 2
  • 3
  • 30
  • 请选择