自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6268)
  • 收藏
  • 关注

原创 【TextIn大模型加速器 + 火山引擎】使用“TextIn智能文字识别产品”实现AI OCR智能识别商家认证审核方案,赋能企业数字化转型新时代

本文介绍了TextIn智能文档处理云平台在企业数字化转型中的应用。随着AI技术的发展,OCR文字识别技术正被广泛用于解决文档信息提取的痛点。文章通过两个业务场景(商家认证审核和发票处理)展示了传统人工审核的弊端,并详细演示了如何将TextIn的ParseX插件集成到Coze平台,实现文档自动识别与结构化处理。平台支持智能文字识别、图像处理等功能,能有效提升企业业务处理效率,降低人力成本。测试过程中遇到图片访问权限问题及字段映射问题,为后续优化提供了方向。

2025-12-29 22:29:30 21488 13

原创 华为昇腾AI处理器的算子中,axis(轴)表示不同算子包含的属性值不同

摘要:华为昇腾AI处理器中的axis(轴)是张量操作的关键参数,用于指定运算维度。轴代表张量shape的下标,正数表示正向索引,负数表示逆向索引。在降维和广播等操作中,axis决定了计算方向和数据对齐方式。例如,三维张量(2,2,2)中,axis=0对应最外层维度,axis=-1指向最内层。正确理解axis对算子逻辑实现和性能优化至关重要,其取值范围通常为[-N, N-1],N为张量维度数。昇腾CANN框架利用axis属性进行编译优化和硬件调度。

2025-12-20 00:27:38 563

原创 华为算子中的数据排布格式(Format)在张量在内存中的物理存储顺序和读取方式

华为算子中的数据排布格式(Format)指的是张量在内存中的物理存储顺序和读取方式,它定义了多维数据(如特征图或权重)的维度排列,以优化硬件计算效率。开发者需根据算子类型和硬件特性指定Format,华为CANN工具链提供了自动格式转换和优化功能,以简化开发流程。

2025-12-20 00:21:34 1026

原创 如何理解算子开发中的Shape形状,介绍张量描述符中的形状和数据排布格式

本文介绍了华为算子开发中张量形状(Shape)的核心概念与应用。形状以元组形式表示张量各维度大小,如(4,20,20,3)表示4张20x20像素的RGB图像。文章详细阐述了形状的物理意义、编程实现中的循环逻辑,以及Shape推导的两种模式:Follow模式和自定义InferShape函数。特别针对动态Shape场景,说明了ShapeRange推导的必要性,通过预估最大输出内存保证算子执行正确性。最后介绍了昇腾CANN训练营的系列课程和认证奖励机制,帮助开发者提升算子开发技能。

2025-12-20 00:15:40 579

原创 CANN中如何理解算子基本概念Tensor张量,以及张量的运算

在华为CANN(Compute Architecture for Neural Networks)框架中,算子(Operator)是神经网络模型中的基本计算单元,每个算子具有唯一的名称(Op Name)和类型(Op Type),名称用于区分网络中的不同算子,而类型决定了算子的计算逻辑。算子的核心计算载体是张量(Tensor),它不仅承载数据,还记录形状(Shape)、数据类型(Data Type)和数据排布格式(Data Layout Format)。理解张量的结构对于算子开发和性能优化至关重要。

2025-12-20 00:08:13 583

原创 CANN中算子的数学含义,以及算子的概念理解

算子在数学中通常指的是一种映射关系,它作用于某个函数空间或对象上,并生成另一个函数空间或结果。广义上,算子可以是对任何函数进行特定操作的符号或函数,例如微分算子、积分算子,甚至基本的加减乘除运算也可以视为算子。在数学领域,算子本质上是一种变换或运算规则,常用于描述函数之间的关系。在人工智能和深度学习的上下文中,算子被具体化为执行特定计算任务的基本单元,是构建神经网络模型的核心组件。例如,卷积、激活函数(如ReLU)或全连接层的计算都可以被定义为算子。

2025-12-20 00:00:42 912

原创 CANN中,什么是从人工智能到算子,什么是算子,算子在神经网络中的含义

算子作为数学和计算机科学中的核心概念,广泛应用于深度学习等领域。它本质上是执行特定运算的符号或操作,在卷积神经网络、循环神经网络等模型中发挥关键作用。算子具有高效性、通用性和并行化特点,在计算机视觉、自然语言处理、语音识别等领域应用广泛。随着深度学习发展,算子成为神经网络各层的基础运算单元,各大科技公司也在框架中实现各类算子以提升计算效率。算子的研究和应用持续推动着人工智能技术的进步。

2025-12-19 23:54:28 682

原创 Ascend C自定义算子开发实战,使用ATen开发自定义算子

在C++中开发自定义算子通常涉及到几个关键步骤,特别是如果你是在使用像PyTorch这样的深度学习框架。自定义算子可以让你的模型更高效,更灵活。如果你想要更底层地控制算子,可以直接使用ATen API。这通常涉及到编写更复杂的代码,但提供了更高的性能优化空间。然后,你可以定义你的函数和注册它到PyTorch的调度器中。在实际项目中,我们经常遇到这样的情况:标准的AI框架提供的算子无法满足特定需求。编译完成后,你可以在Python中导入并使用这个自定义算子。文件来编译你的C++代码。步骤 4: 编译扩展。

2025-12-19 21:57:45 575

原创 什么是Ascend C呢?如何进行安装CANN

Ascend C是华为CANN推出的专用编程语言,面向昇腾AI处理器的算子开发场景。它基于C/C++标准规范,支持异构编译、CPU/NPU孪生调试和Python接口PyAsc,提供从底层API到高阶库的完整开发工具链。安装过程包括驱动/固件部署、Miniconda环境配置及CANN Toolkit安装,通过npu-smi命令验证硬件识别。该语言旨在提升AI算子的开发效率和运行性能,支持开发者实现创新算法。

2025-12-19 16:50:37 885

原创 聊聊主流模型为什么难以在CANN中推广,如何使用CANN来“翻译”主流的模型

华为昇腾开源CANN和Mind系列工具链,构建国产AI软硬件生态。CANN作为核心计算架构,支持PyTorch等主流框架,提供200+优化算子,显著提升模型性能。虽与CUDA生态仍有差距,但通过开源底层技术和兼容适配,正加速缩小差距。配套Ascend芯片和MindSpore框架,形成完整解决方案。开发者反馈早期体验待优化,但开源模式为国产AI生态发展奠定基础,需长期投入完善。

2025-12-19 14:45:06 578

原创 基于华为昇腾AI处理器的CANN生态全景图系列(一):为什么要有CANN?如何打破英伟达CUDA生态技术的壁垒

摘要:文章分析了AI芯片生态现状,重点对比英伟达CUDA生态与华为昇腾NPU的竞争格局。英伟达通过CUDA构建了包含开发库、运行时和驱动的完整软件栈,形成了强大的技术壁垒。目前全球90%的AI应用基于CUDA生态训练,使其成为英伟达的核心竞争力。同时,文章介绍了主流AI框架TensorFlow和PyTorch的特点及适用场景,指出PyTorch在学术研究领域占据主导地位。最后提出关键痛点:由于CUDA生态绑定效应,开发者转向国产AI芯片需付出高昂迁移成本,如何突破这一困境成为重要议题。

2025-12-19 11:54:39 585

原创 基于 DevUI 构建高维护性、多端自适应的企业级前端UI库入门实战教程:2分钟高频表单组件实战系列

摘要:本文介绍了如何在Angular项目中集成DevUI表格组件,重点解决了开发过程中遇到的常见报错问题。文章首先展示了DataTable表格的HTML模板代码,详细说明了组件的基本结构;随后提供了对应的TypeScript实现代码,包括数据源配置、列定义和宽度设置。针对控制台出现的"NG8103"警告,文章明确指出需要导入CommonModule或使用Angular内置控制流来解决*ngFor指令未定义的问题,为开发者提供了实用的调试技巧和组件集成方案。

2025-12-10 20:19:05 690

原创 基于 DevUI 构建高维护性、多端自适应的企业级前端UI库入门实战教程:基础功能使用,如何引入一个Button基本组件

摘要: DevUI是华为开源的企业级Angular前端解决方案,提供高效、开放的组件库与工程化实践。核心特性包括:高性能表格(支持10万+数据)、表单验证、自定义组件集成(如D3.js可视化)和主题定制系统。实践案例展示了如何通过npm启动项目,在Angular中引入DevUI模块和样式,并演示了Button组件的使用方式。该方案显著提升开发效率,优化加载性能(如表格加载从5秒降至800ms),适用于中后台系统开发。

2025-12-10 19:23:53 714

原创 基于 DevUI 构建高维护性、多端自适应的企业级前端UI库入门实战教程:环境搭建

企业前端开发面临体验碎片化、开发效率低和维护成本高等痛点。华为云开源方案DevUI提供从设计到工程的完整闭环,支持复杂业务场景。本文介绍使用Angular CLI快速搭建开发环境:安装Node.js和npm后,全局安装@angular/cli,通过ng new创建项目,ng serve启动开发服务器。Angular CLI自动化日常任务,提升开发效率,是Angular生态的核心工具。DevUI官网和MateChat项目提供更多资源支持。

2025-12-10 16:28:33 723

原创 React Native跨平台鸿蒙开发实战系列(二十):React Native鸿蒙flex布局方案(flexDirection属性)

Flexbox布局中的flexDirection: 'row'属性是构建现代响应式界面的核心工具。该属性将容器主轴设为水平方向,使子元素从左到右排列,适用于导航栏、卡片布局、表单等常见场景。关键特性包括:建立水平主轴方向,配合justifyContent控制水平对齐,与alignItems协同管理垂直对齐。实际应用中需注意溢出处理和响应式适配,在移动端开发中要确保足够的触摸区域。相比传统布局方式,Flexbox提供了更高效的渲染性能和符合用户阅读习惯的视觉流,是现代前端开发不可或缺的基础构建块。

2025-11-27 14:26:55 900

原创 React Native跨平台鸿蒙开发实战系列(二十):如何使用flex布局方案(与web方式不同)

Flexbox是Web开发中强大的布局工具,通过设置容器的display属性为flex即可启用弹性布局。它支持灵活调整子元素排列方向(flex-direction)、对齐方式(justify-content/align-items)和空间分配(flex属性)。示例展示了如何创建等宽子元素并实现居中布局。实际案例中,在React Native中使用flexDirection:'row'可实现水平排列,但需注意特定平台的兼容性问题。Flexbox简化了响应式布局的实现,特别适合处理复杂的对齐需求。

2025-11-27 14:15:29 953

原创 React Native跨平台鸿蒙开发实战系列(bug):找不到图片java.io.FileNotFoundException

React Native鸿蒙开发FileNotFoundException解决方案 问题分析:该错误表明系统在指定路径下无法找到图片资源文件,常见于跨平台开发中的文件路径映射问题。 解决方案: 检查环境配置,确保Node.js、RN CLI和鸿蒙开发环境正确配置 规范资源管理,将所有图片统一放置在assets目录下 彻底清理项目: 删除harmony文件夹 清除rawfile目录下所有内容 删除build文件 这些步骤可有效解决因路径映射错误导致的文件找不到问题,建议开发者建立规范的资源管理策略以避免类似问

2025-11-27 11:19:26 456

原创 React Native跨平台鸿蒙开发实战系列(十九):引入加载本地图片

本文探讨了React Native在鸿蒙系统中的图片加载方案。首先分析了鸿蒙环境下的三大挑战:设备多样性适配、原生模块兼容性和性能优化需求。随后解析了React Native图片加载的核心机制,包括基础架构、资源加载流程和缓存策略。通过代码示例展示了本地与网络图片加载的实现方式,并提供了优化组件设计,包含加载状态管理和错误处理功能。文章为开发者提供了在鸿蒙生态中高效处理图片资源的技术指导,兼顾跨平台特性与系统适配需求。

2025-11-27 11:14:19 892

原创 React Native跨平台鸿蒙开发实战系列(bug):requireNativeComponent:BVLinearGradient was not found in the UIManager

React Native开发中遇到"BVLinearGradient未找到"错误时,主要原因是原生模块链接失效或版本不兼容。解决方案包括:检查开发环境配置、重新链接原生模块、确保版本兼容性。也可考虑使用Expo的渐变组件替代或纯JavaScript实现方案。示例代码展示了正确使用react-native-linear-gradient的方法,通过colors属性设置渐变颜色,并配合样式实现界面效果。该问题通常通过重建模块链接或调整版本即可解决,复杂场景可考虑替代方案。

2025-11-27 10:29:00 266

原创 React Native跨平台鸿蒙开发实战系列(bug):requireNativeComponent:RNLinearGradient was not found in the UIManager

React Native开发中"RNLinearGradient"未找到错误通常是由于原生模块链接失败导致。主要解决方案包括:重新链接模块(unlink/link命令)、检查build.gradle配置、验证版本兼容性,或改用expo-linear-gradient替代方案。关键步骤是确保原生端正确注册了渐变组件实现,同时注意React Native版本与第三方库的兼容性。建议按顺序执行链接命令、清理构建目录并重启应用,若无效再考虑其他方案。

2025-11-27 10:22:27 477

原创 React Native跨平台鸿蒙开发实战系列(十八):react-native-linear-gradient实现渐变色显示

本文介绍了如何在React Native中使用react-native-linear-gradient库创建渐变效果。首先讲解了安装方法和基本导入,然后详细解析了LinearGradient组件的四个关键属性:colors(必需的颜色数组)、start(渐变起始位置)、end(渐变结束位置)和locations(颜色停止位置)。最后通过一个垂直渐变的代码示例,展示了如何使用这些属性实现从红色到黄色再到绿色的渐变效果,包括样式设置和组件布局。该教程为React Native开发者提供了快速实现渐变UI的实用指

2025-11-27 09:58:30 500

原创 React Native跨平台鸿蒙开发实战系列(十七):全屏幕背景色实现

React Native全屏背景色实现指南:从基础到进阶 本文详细介绍了在React Native中实现全屏背景色的多种方案。基础方案使用View组件配合flex布局或Dimensions API获取屏幕尺寸,确保背景色完整覆盖。针对异形屏设备,推荐使用SafeAreaView组件。文章还探讨了响应式设计策略,包括横竖屏适配和性能优化技巧,建议使用StyleSheet.create方法提升渲染性能。进阶部分介绍了渐变背景的实现方案,并展望了折叠屏等新型设备的适配趋势。通过系统化的色彩管理方案,开发者可以构建

2025-11-27 09:53:24 957

原创 React Native跨平台鸿蒙开发实战系列(bug):Failed prop typeInvalid props.style keymd

React Native开发中遇到"Invalid props.style key fontize"警告,表明样式属性名拼写错误。正确属性应为fontSize而非fontize。解决方案包括:1)将fontize改为fontSize;2)移除"px"单位(React Native尺寸值用数字表示);3)注意其他常见样式属性的正确拼写(如backgroundColor)。该警告提示开发者检查并修正样式对象的属性名拼写错误,确保样式能正确生效。建议开发时参考官方文档确认属

2025-11-26 22:41:19 383

原创 React Native跨平台鸿蒙开发实战系列(bug):Text strings must be Text component

摘要:React Native 开发中常见的 "Text strings must be rendered within a <Text> component" 警告,通常是由于未将文本内容包裹在<Text>组件中导致的。常见错误包括:直接在View中渲染字符串、条件渲染返回空字符串、未包裹的变量值等。解决方案包括:确保所有文本都用<Text>包裹、使用三元运算符替代&&条件渲染、检查空字符串情况等。该问题容易修复,只需遵循文本必须由&

2025-11-26 22:08:09 286

原创 React Native跨平台鸿蒙开发实战系列(十六):登陆页面完成标题显示

本文介绍了移动端登陆页面开发中的视口概念和适配方案。首先解释了视口的定义,包括视觉视口和布局视口的区别。随后展示了使用React Native开发的登陆页面代码示例,重点实现了标题样式。针对视网膜屏幕清晰度问题,提出了使用大尺寸图像配合CSS强制缩放的解决方案。最后讨论了移动端适配的多种方案,包括流体布局、响应式布局和基于rem的布局,并推荐使用border-box模式进行流体布局。文章通过代码示例和效果图展示了移动端开发中的关键技术和设计思路。

2025-11-26 20:23:00 729

原创 React Native跨平台鸿蒙开发实战系列(十五):如何写全局与局部样式

React Native样式开发指南:本文介绍了React Native中的两种主要样式定义方式 - 内联样式和StyleSheet样式表。重点解析了样式属性命名规则(驼峰命名法)、布局特性(默认flex布局)以及尺寸单位的特殊处理。通过代码示例展示了如何使用StyleSheet.create创建可复用的样式对象,并探讨了在React Native中模拟CSS变量的实现方案,包括其集中管理样式、动态主题等优势,同时也指出了兼容性和学习曲线等挑战。文中还提供了获取屏幕尺寸、定义全局样式等实用技巧,帮助开发者提

2025-11-26 15:29:37 892

原创 React Native跨平台鸿蒙开发实战系列(十四):通过Dimensions获取可视窗口的高度与宽度

在React Native鸿蒙开发中,获取屏幕尺寸是实现跨设备适配的关键。Dimensions API是主要工具,通过Dimensions.get('window')可获取屏幕宽高和缩放比。推荐使用useWindowDimensions Hook,它能自动响应屏幕尺寸变化,特别适合鸿蒙设备(手机、平板、折叠屏等)。开发时应注意:避免缓存尺寸值,在每次render时获取最新尺寸,并使用onLayout回调监测设备方向变化。实践表明,结合StyleSheet和PixelRatio等API,可有效实现响应式布局和

2025-11-26 14:10:32 357

原创 React Native跨平台鸿蒙开发实战系列(十三):React Nativa工程初始化工作

本文介绍了React Native框架及其在鸿蒙系统的应用实践。React Native是Facebook开发的开源跨平台框架,允许使用JavaScript构建原生移动应用。文章详细解析了标准App组件的代码结构,包括主题适配、界面布局和核心组件功能。重点演示了如何简化模板代码,仅保留基础框架和文本组件,并替换为自定义内容。最后介绍了项目运行方法,通过npm命令生成鸿蒙兼容文件,并复制到鸿蒙项目中运行。该教程为开发者提供了React Native在鸿蒙系统上开发的入门指南。

2025-11-25 21:09:30 674

原创 React Native跨平台鸿蒙开发实战系列(bug):打包命令太长too long报错

在DevEco Studio执行assembleHap命令时出现CreateProcess错误,主要原因是:1.CMakeLists.txt中的目录路径配置错误;2.RNOH_C_API_ARCH环境变量未正确设置。错误日志显示编译过程中CLANG编译器路径识别失败,同时涉及多个第三方库路径引用问题。建议检查CMake配置文件和确保环境变量正确配置,特别是路径中的空格和特殊字符处理。

2025-11-25 20:57:38 390

原创 React Native跨平台鸿蒙开发实战系列(bug):RNApp的参数appKey需要与RN工程中AppRegistry.registerComponent注册的appName不一致

摘要:React Native应用中,RNApp的appKey参数必须与RN工程中AppRegistry.registerComponent注册的appName完全一致,否则会导致应用启动失败。两者不一致时系统无法找到对应组件,表现为白屏或加载错误。解决方案是确保appKey与注册的appName在拼写和大小写上完全匹配,并检查DevEcho Studio中的配置。该问题源于React Native的入口注册机制,AppRegistry作为应用入口需要正确关联Native和JavaScript组件。

2025-11-25 18:15:56 432

原创 React Native跨平台鸿蒙开发实战系列(bug):RNOH_C_API_ARCH设置无效报错

摘要:RNOH_CAPI_ARCH环境变量配置错误导致编译报错,表现为CustomComponentArkUINodeHandleFactory.h类型转换错误。核心原因是RNOH_CAPI_ARCH未设置为"1",使C++端无法识别CAPI架构。解决方案:1)设置环境变量RNOH_CAPI_ARCH=1;2)完全关闭并重启DevEco Studio;3)执行Build>Clean Project;4)删除.cxx目录;5)重新编译。建议在CMakeLists.txt或系统环境变量

2025-11-25 17:57:26 268

原创 React Native跨平台鸿蒙开发实战系列(bug):找不到cpp目录

摘要:DevEco Studio构建过程中出现CMake错误,主要原因是add_subdirectory命令引用的目录路径不存在。问题分析显示路径配置有误或依赖模块缺失。解决方案包括检查目录是否存在、修改CMakeLists.txt文件、安装缺失依赖模块,并调整CMake命令顺序。实际解决中通过调整路径层级结构解决了该问题。建议开发者检查项目依赖安装情况并正确配置构建路径。

2025-11-25 17:50:09 386

原创 React Native跨平台鸿蒙开发实战系列(十二):加载bundle包,启动并运行工程

摘要 本文介绍了在HarmonyOS开发中加载和使用React Native bundle包的三种方法:本地加载、Metro服务加载和沙箱目录加载。详细说明了沙箱目录加载的具体实现步骤,包括通过DevEco Studio或hdc工具推送文件到应用沙箱路径。文章还提供了release包的使用指南,包括替换har文件、修改配置文件和CMakeLists.txt文件的具体操作步骤。最后给出了项目运行注意事项,强调全量编译C++代码耗时较长的问题。

2025-11-24 22:11:13 248

原创 React Native跨平台鸿蒙开发实战系列(十一):添加RNOH引入RNAbility

本文介绍了在HarmonyOS中集成React Native所需的ArkTS侧代码配置。首先在EntryAbility.ets中重写RNAbility,指定React Native入口页面路径,并建议使用super调用父类生命周期函数。接着创建RNPackagesFactory.ets文件,用于管理三方库包,当前返回空数组。最后在Index.ets中实现RNApp组件,配置RN实例参数包括JSBundle加载方式、调试模式等,确保appKey与RN工程注册名一致。这些配置为React Native在Harm

2025-11-24 22:10:30 275

原创 React Native跨平台鸿蒙开发实战系列(十):配置CPP侧代码RNOH适配层代码

摘要:鸿蒙操作系统底层架构大量采用C/C++语言,因其具备硬件访问能力、高效内存管理和执行效率,尤其适合图形处理等高性能应用。C/C++的跨平台特性支持鸿蒙"一次开发,多端部署"目标,但需注意内存管理风险和调试复杂性。开发时需在cpp目录下配置CMakeLists.txt构建librnoh_app.so,并通过PackageProvider.cpp实现模块管理。build-profile.json5文件需配置externalNativeOptions路径及架构参数,默认支持arm64-v

2025-11-24 22:09:58 292

原创 React Native跨平台鸿蒙开发实战系列(九):在HarmonyOS工程中集成React Native配置

本文介绍了React Native在OpenHarmony平台的适配方案。主要内容包括:1)安装React Native OpenHarmony模块的步骤,强调需等待ohpm install和SyncData完成;2)项目目录结构说明;3)通过OHPM中心仓集成React Native配置的方法,需使用特定版本号(0.72.53)并设置正确的registry地址。注意事项指出安装过程耗时较长,且需确保所有同步操作完成以避免编译错误。最后提供了DevEco Studio中设置ohpm registry的路径指

2025-11-24 22:08:53 318

原创 React Native跨平台鸿蒙开发实战系列(八):创建鸿蒙工程项目

HUAWEI DevEco Studio是基于IntelliJ IDEA打造的HarmonyOS/OpenHarmony应用开发平台,提供高效智能代码编辑、低代码可视化开发、多端实时预览和设备模拟仿真等功能。创建鸿蒙工程项目时,需选择Empty Ability模板,配置工程基本信息如包名、兼容SDK版本等。UIAbility是系统调度的基本单元,需注意真机调试时需登录华为账号完成签名配置。目前Mac Intel电脑暂不支持本地模拟器,需升级系统或使用其他设备。

2025-11-24 22:06:26 315

原创 React Native跨平台鸿蒙开发实战系列(七):运行指令并生成bundle

本文介绍了React Native开发中Metro Bundler的作用及生成bundle文件的方法。Metro是一个JavaScript打包工具,用于将项目代码和资源打包成bundle文件。通过运行npm run dev命令可在指定目录生成bundle.harmony.js和资源文件夹,若遇到版本依赖问题可安装指定版本memfs解决。文章还概述了三种bundle加载方式:本地资源加载适用于发布环境,Metro服务加载用于开发调试,沙箱目录加载适合动态更新场景。建议开发阶段使用Metro服务加载以支持热更新

2025-11-24 22:05:41 670

原创 React Native跨平台鸿蒙开发实战系列(六):配置 Metro 修改 OpenHarmony 的适配代码

React Native中的Metro打包工具解析与配置优化 Metro是React Native的核心构建工具,负责将JavaScript代码和资源文件打包成移动应用可运行的格式。其工作流程包括解析模块依赖、转换代码并生成单一bundle文件。通过配置metro.config.js文件,开发者可以自定义打包行为,如合并默认配置、修改资源扩展名等。高级配置支持代码分割和体积优化,如启用inlineRequires可减少21%初始bundle大小。在OpenHarmony适配场景下,可通过引入特定配置实现兼容

2025-11-24 21:53:22 734

原创 React Native跨平台鸿蒙开发实战系列(五):创建React Native工程

本文介绍了使用React Native开发鸿蒙应用的环境搭建流程。首先通过npx命令创建React Native 0.72.5版本的项目,然后添加鸿蒙打包命令到package.json文件中。重点讲解了如何选择和安装适配鸿蒙OS的React Native依赖包版本,包括查看SDK版本对应关系、安装指定版本的@react-native-oh/react-native-harmony包。最后提供了当前React Native鸿蒙化版本与配套IDE、SDK版本的对照表,帮助开发者正确配置开发环境。整个流程涵盖了从

2025-11-24 18:49:55 772

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除