- 博客(134)
- 收藏
- 关注
RSS订阅原创 ReactNative for Harmony 项目鸿蒙化三方库集成实战：react-native-svg
react-native-svg 是一个强大的 SVG 渲染库，允许在 React Native 应用中创建和管理 SVG 图形。它支持路径、形状、渐变、文本、动画等多种 SVG 元素，完全兼容 Android、iOS 和 HarmonyOS 三端。WARNING] 本项目为 react-native-svg 的 ArkTS 版本，现已停止维护。如需最新版本，请使用。库名称版本信息最新版本请查看Releases官方仓库主要功能支持所有 SVG 元素（路径、形状、文本、渐变等）支持动画和交互。
2026-01-29 19:05:11
404
原创 ReactNative for Harmony 项目鸿蒙化三方库集成实战：react-native-linear-gradient
react-native-linear-gradient 是一个强大的线性渐变库，允许在 React Native 应用中创建美丽的线性渐变效果。它支持自定义颜色、角度、位置等参数，可以用于按钮、背景、卡片等各种场景，完全兼容 Android、iOS 和 HarmonyOS 三端。库名称版本信息3.0.0: 支持 RN 0.72 版本（@react-native-oh-tpl/react-native-linear-gradient）3.1.0。
2026-01-29 17:26:34
541
原创 ReactNative for Harmony 项目鸿蒙化三方库集成实战：react-native-safe-area-context
对于跨平台应用程序，处理设备的安全区域（Safe Area）是一个重要且常见的需求。不同设备（如 iPhone X 系列的刘海屏、Android 的异形屏、HarmonyOS 设备等）都有各自的安全区域限制。是一个专为 React Native 跨平台应用（包括 HarmonyOS）设计的安全区域处理库，它提供了更强大和灵活的安全区域管理能力，支持获取具体的安全区域数值、边缘特定处理等功能。库名称版本信息4.7.5。
2026-01-29 17:17:00
449
原创 ReactNative for Harmony项目鸿蒙化三方库集成实战：react-native-elements
库名称: @rneui/themed 和 @rneui/base当前版本官方仓库主要功能提供完整的 UI 组件库（Button、Card、List、Avatar、Input 等）支持主题定制跨平台一致的设计风格完全兼容 Android、iOS 和 HarmonyOS通过集成，我们为项目添加了一套完整的 UI 组件库。这个库提供了丰富的组件、统一的主题系统和跨平台的一致性，可以大大提升开发效率和用户体验。
2026-01-29 14:35:31
495
原创 ReactNative for Harmony 项目鸿蒙化三方库集成实战：@react-native-ohos/react-native-picker
选择器（Picker）是移动应用中非常常见的交互组件，用于让用户从预定义的选项列表中进行选择。是一个专为 React Native 跨平台应用（包括 HarmonyOS）设计的选择器库，它采用底部弹出式选择器，支持单列、多列、联动等多种选择场景。库名称版本信息4.3.10: 支持 RN 0.72 版本4.4.0: 支持 RN 0.77 版本官方仓库主要功能支持单列、多列、联动选择器丰富的自定义样式配置兼容 Android、iOS 和 HarmonyOS 三端兼容性验证可配置的样式属性。
2026-01-29 12:42:15
438
原创 【鸿蒙PC命令行适配】移植bzip2命令集，新增.bz2格式解压缩能力
bzip2 是一款经典且高效的无损数据压缩/解压缩工具，其压缩率优于传统的 gzip，在Linux、类Unix等系统中是标配的命令行工具，被广泛用于文件打包、数据归档等场景。这是一张图片，ocr 内容为：鸿蒙PC版作为面向桌面场景的鸿蒙操作系统形态，原生命令行工具链中暂未集成bzip2相关工具（如bzip2bzcatbunzip2等）能力，无法直接处理.bz2tar.bz2等格式的压缩文件。将经典的 bzip2 v1.0.8 版本源码完成鸿蒙PC（AArch64架构）的交叉编译移植。
2026-01-23 16:12:27
1028
原创 2026轻量跨境远控工具横评：留学生与个人用户的高效选择指南
在跨境连接时，延迟可低至毫秒级，这意味着用户操作几乎能实时反馈在被控端。同时，ToDesk 的智能路径选择技术，可实时监测网络状况，自动规避网络拥塞节点，保障长时间的稳定连接，无论是远程办公处理文档、进行视频会议，还是远程娱乐观看高清视频、畅玩游戏，都能流畅运行，不受卡顿困扰。当进行跨境连接时，容易出现卡顿、帧率波动等问题，尤其在高清画质传输时，带宽占用较高，若网络带宽不足，就会导致画面卡顿、模糊，在图形设计、视频预览等对画质与流畅度要求较高的场景下，体验不佳，无法满足专业用户对于高质量画面传输的需求。
2026-01-21 09:50:12
875
原创 Oracle至KingbaseES数据库迁移全攻略：痛点拆解、配置实操与问题排查
Oracle至KingbaseES的迁移核心是「精准适配、流程可控、细节校验」：通过精细化评估明确迁移边界，通过兼容配置消除底层差异，通过工具实操保障数据一致性，通过全维度测试验证业务连续性。本文在完整保留原有配置、操作内容的基础上，补充了场景化案例、问题排查、性能调优、运维适配等内容，可作为企业从Oracle迁移至KingbaseES的全流程实操指南，助力实现自主可控、成本优化、业务连续的迁移目标。
2026-01-21 09:42:14
13198
原创 2026 年国产时序数据库技术深度解析：多模态融合架构与工程实践
其技术设计规避了传统 “时序引擎 + 关系库” 集成方案的性能损耗与一致性风险，以下从技术原理、核心组件与代码实践三方面展开。，基于 KingbaseES 的 RAC（Real Application Clusters）技术，核心配置如下（五大核心指标，其底层技术差异集中体现在存储引擎设计、索引结构、分片策略与计算引擎优化四大维度。金仓时序数据库的核心竞争力源于。时序数据库的技术选型需聚焦。
2026-01-18 10:17:05
13364
1
原创 React Native 鸿蒙跨平台开发：简易记事本 APP
本次实现的简易记事本 APP 是纯 React Native 内置组件开发，无任何第三方依赖，完整覆盖 “增、删、展示” 核心功能，适配 OpenHarmony6.0 全机型。该案例的核心是状态管理 + 内置组件组合：用useState维护数据，用TextInput处理输入，用FlatList展示列表，用实现交互，是 React Native 鸿蒙跨平台开发的基础典型案例。代码可直接复制到项目中运行，修改样式或扩展功能即可快速适配实际需求，是零基础入门鸿蒙 RN 开发的优质实践案例。
2026-01-12 17:48:41
653
原创 基础入门 React Native 鸿蒙跨平台开发：TabBar 底部导航栏
在 React Native 鸿蒙跨平台开发中，官方，底部导航栏都是通过「RN 纯内置基础组件组合」实现，全程无需引入任何第三方导航库、无鸿蒙原生代码、无工程配置修改，完全使用内置 API 开发，是鸿蒙 RN 项目中，也是开发频率最高的基础布局之一。View(布局容器) +(可点击项) +Text(导航文字) +Image(导航图标) +useState。
2026-01-12 16:54:45
894
原创 React Native 鸿蒙跨平台开发：Keyboard 键盘控制
的能力分为「软键盘监听事件」和「主动控制方法」两类，无多余属性，合计仅 7 个核心内容，是 RN 鸿蒙开发中轻量化的键盘控制工具，所有监听、方法均为同步调用，零基础易记易懂，语法极简。在鸿蒙 RN 开发中，输入框表单、搜索框、留言框等带文字输入的场景，都离不开。工具类，无需引入任何第三方库，即可实现开发中常用的进阶功能，所有技巧均在 OpenHarmony6.0 真机实测通过，无兼容问题，代码简洁可复用，帮助吃透 Keyboard 组件的全部用法，应对所有复杂业务场景，零基础也能轻松实现。
2026-01-12 16:44:01
719
原创 React Native 鸿蒙跨平台开发：PixelRatio 像素适配
直接从Dimensions（尺寸获取）+StyleSheet（样式编写）+Image（高清图片展示），均为纯内置组合。
2026-01-12 16:34:02
957
原创 React Native 鸿蒙跨平台开发：StatusBar 状态栏组件
支持两种调用方式：声明式（组件嵌套）、 imperative（静态方法），语法简洁，核心属性 / 方法覆盖所有状态栏控制场景，零基础可快速掌握！核心库导入即可，鸿蒙端无需任何额外配置，导入后可同时使用声明式组件与静态方法。静态方法适用于业务逻辑中动态控制状态栏（如按钮点击切换颜色），直接通过。是 React Native 内置的。
2026-01-12 16:18:27
652
原创 React Native 鸿蒙跨平台开发：ToastAndroid 提示消息
是 React Native 官方为安卓端设计的内置组件，在鸿蒙版 RN（@react-native-oh/react-native-harmony）中，被官方深度桥接为。，无组件化嵌套、无生命周期依赖，直接通过静态方法调用，语法极致简洁，所有开发场景均基于以下核心知识点实现，零基础可快速掌握！核心库导入即可，鸿蒙端无需任何额外配置，导入后即可调用所有静态方法。RN 内置 ToastAndroid 鸿蒙端原生适配优势。是 React Native 内置的。
2026-01-12 16:04:52
715
原创 React Native 鸿蒙跨平台开发：Dimensions 屏幕尺寸获取
基于 RN 内置的 Dimensions API，无需引入任何第三方库，即可实现一些实用的进阶功能，贴合真实开发需求，所有技巧均在 OpenHarmony6.0 真机实测通过，帮助你吃透 Dimensions 的全部用法，举一反三，应对所有复杂的尺寸适配场景！本示例是 Dimensions API 的最核心用法，代码最简、逻辑最清晰，无任何冗余代码，包含「尺寸获取、数据解构、页面展示、基础计算」所有核心功能，OpenHarmony6.0 真机实测 100% 可用，是零基础入门的最佳版本。
2026-01-12 15:54:02
1105
原创 React Native for Harmony ：解决 OpenHarmony6.0 调用系统设置兼容问题
该方法是 React Native 官方提供的、专门用于「打开当前应用系统设置页」的原生 API，鸿蒙版 RN（，也是 OpenHarmony6.0 版本下，调用系统设置的。本次兼容问题的核心原因，并非 RN 代码编写错误，而是。本次实战仅用到 RN 内置。
2026-01-12 14:55:06
1052
原创 从入门小白到精通，玩转 React Native 鸿蒙跨平台开发：基于 RN 内置 Linking 模块调用鸿蒙系统设置
核心能力是通过 URI 地址 / 系统协议，实现「应用内跳转、唤起其他应用、调用系统原生页面 / 功能」，底层直接对接鸿蒙原生的系统跳转能力，是纯 RN 代码实现鸿蒙系统级交互的核心方案。方法，传入鸿蒙的系统协议链接，系统会自动识别并跳转至对应的原生设置页面，整个过程无需接触鸿蒙原生开发，纯 RN JS 代码即可完成。：传入鸿蒙系统的专属协议链接，触发系统原生跳转，跳转到对应的设置页面，是实现所有功能的核心方法。：提前判断鸿蒙系统是否支持该协议链接，避免传入无效链接导致应用报错 / 无响应，是。
2026-01-12 09:19:15
992
原创 React Native 鸿蒙跨平台开发：LayoutAnimation 实现鸿蒙端页面切换的淡入淡出过渡动画
duration: 300, // 动画执行时长，单位ms，默认300ms，值越大动画越慢create: { type: LayoutAnimation.Types.easeInEaseOut, property: LayoutAnimation.Properties.opacity }, // 组件创建（显示）时的动画：透明度过渡update: { type: LayoutAnimation.Types.easeInEaseOut }, // 组件更新时的动画规则。
2026-01-11 20:56:59
676
原创 从入门小白到精通，玩转 React Native 鸿蒙跨平台开发：通用日期格式验证器
本次封装的日期验证器是「解耦式封装」，工具函数和页面逻辑完全分离，因此具备极高的复用性，在 RN 鸿蒙项目中可以灵活复用，满足不同业务场景的需求，这里提供 2 种最常用的复用方式，，包含「日期输入框」+「验证按钮」+「实时校验反馈」，页面布局简洁、鸿蒙端样式适配、交互友好，所有代码均为完整可运行版本，无任何第三方依赖，可直接复制到 RN 鸿蒙项目中使用，闰年的判断是日期验证的重中之重，因为闰年的 2 月有 29 天，平年只有 28 天，这是新手最容易忽略的校验点，也是业务中最常见的日期错误来源。
2026-01-11 20:29:19
623
原创 React Native 鸿蒙开发：内置 Share 模块实现无配置社交分享
模块是鸿蒙端分享的「极简方案」，底层直接对接鸿蒙系统的分享协议，无需额外桥接层，运行流畅无卡顿，是 0 基础开发者和轻量需求的首选。
2026-01-11 20:17:36
1106
原创 React Native 鸿蒙跨平台开发：PixelRatio 实现鸿蒙端图片的高清显示
如果图片的物理像素数 < 设备所需的物理像素数（逻辑像素 × 像素密度），RN 会自动拉伸图片以填充空间，导致图片模糊；：将 RN 组件的逻辑像素尺寸，转换为鸿蒙设备的物理像素尺寸，用于计算图片的最佳显示尺寸。：根据设备像素密度，自动从多个分辨率的图片资源中选择最合适的一张，实现「自动适配」。很多新手疑惑：「为什么图片在设计稿里清晰，在鸿蒙设备上就模糊了？实现鸿蒙端网络图片的高清显示，例如商品图片、资讯图片、用户上传的头像等。：获取当前鸿蒙设备的像素密度（如 2.0、3.0），这是图片适配的核心依据。
2026-01-11 16:51:46
882
原创 从入门小白到精通，玩转 React Native 鸿蒙跨平台开发：通用验证码倒计时器（含重新发送逻辑）鸿蒙实战
定义countDown状态：存储倒计时剩余秒数，初始值为0（默认无倒计时）；定义isDisabled状态：存储按钮是否禁用，初始值为false（默认可点击）。// 倒计时时长btnTextNormal: '获取验证码',btnTextCounting: (time) => `${time}秒 · 重新发送`,// 函数式更新，避免状态偏差}, 1000);} else {// 点击事件console.log('✅ 自定义验证码发送成功！');
2026-01-11 16:30:36
665
原创 React Native 鸿蒙跨平台开发：LayoutAnimation 实现鸿蒙端表单元素的动态添加动画
的完整实战案例，包含 “表单布局、添加按钮、动态元素动画、鸿蒙风格样式”，代码零报错、真机 + 模拟器双端适配，直接复制即可运行。：完美适配 “动态表单（新增输入框）、列表动态增删、弹窗展开 / 收起” 等鸿蒙端高频布局变化场景，本次重点实现。：动画由鸿蒙原生线程执行，不占用 JS 主线程，在鸿蒙手机 / 平板上运行丝滑，无掉帧、卡顿问题；安装，直接调用，鸿蒙 2.0 + 全版本兼容，无工程配置成本；LayoutAnimation 的逻辑极其简单，是 “），预设多种动画效果，无需掌握动画算法；
2026-01-11 16:06:05
586
原创 React Native 鸿蒙跨平台开发：Animated 实现鸿蒙端组件的上下滑动入场动画
是组件样式的同步变化，两者一一对应，比如数值从 100 变到 0，组件的 translateY 就从 100 变到 0，透明度从 0 变到 1，完美实现「滑动 + 渐显」的组合动画。，包含「导入→组件→动画逻辑→样式→导出」全流程，鸿蒙真机 + 模拟器双端适配，零报错，零基础也能轻松看懂，复制到项目中即可直接使用，无需任何修改。控制动画的快慢，数值越大动画越慢，500ms = 快速入场，800ms = 顺滑入场，1000ms = 慢节奏入场，按需调整即可；方法，这是启动动画的核心，缺一不可。
2026-01-11 15:56:24
1352
原创 React Native 鸿蒙跨平台开发：Vibration 实现鸿蒙端设备的震动反馈
覆盖「零基础入门→进阶实战」，所有案例均为真实项目高频需求，代码完整、注释清晰、样式美观，鸿蒙真机完美适配，零报错可直接复制到项目中使用，无需修改，0 基础也能轻松看懂，吃透这 4 个案例，即可应对鸿蒙端所有震动反馈需求。所有案例共用「统一基础样式」，样式贴合鸿蒙原生设计风格，适配所有鸿蒙设备屏幕尺寸，视觉美观，无需额外调整，所有案例的代码均包含完整的「导入→组件→样式→导出」全流程，独立可运行。这是鸿蒙端开发的「实战经验值」，也是控制震动强度的核心技巧，是 RN 内置模块，无需安装依赖，
2026-01-11 15:36:37
995
原创 从入门小白到精通，玩转 React Native 鸿蒙跨平台开发：通用身份证验证器（含校验位 / 地区码校验）鸿蒙实战
对应北京市），实战中通过 “预设合法地区码列表” 判断有效性。需匹配国家标准《GB/T 2260》中的有效行政区划代码（如。18 位居民身份证号码的结构为。
2026-01-11 15:22:19
726
原创 从入门小白到精通，玩转 React Native 鸿蒙跨平台开发：Switch 开关组件实现
Switch是 React Native 封装的原生开关选择器组件提供一个可视化的滑动开关，实现「布尔值（true/false）」的状态切换。// 定义开关状态：true=开启，false=关闭，初始值设为false（关闭）
2026-01-11 14:28:23
880
原创 从入门小白到精通，玩转 React Native 鸿蒙跨平台开发：StyleSheet 样式系统应用（完整版）
StyleSheet是 React Native 封装的高性能样式管理工具，本质是对各平台原生样式属性的 JavaScript 层标准化封装。它通过方法创建结构化的样式对象，将页面样式与业务逻辑彻底解耦，最终由 RN 的桥接层解析为对应平台的原生样式（鸿蒙原生样式 / 安卓原生样式 /iOS 原生样式）。核心重要知识点：React Native 开发中不存在 Web 端的 CSS 文件、CSS 选择器、CSS3 语法，所有页面的样式与布局，都只能通过StyleSheet或临时内联样式实现，而。
2026-01-11 14:06:36
946
原创 从入门小白到精通，玩转 React Native 鸿蒙跨平台开发：SectionList 分组列表组件
是 React Native 鸿蒙封装的高性能分组列表组件，专门用于展示「按类别划分的结构化数据」。它将列表拆分为多个「分组（Section）」，每个分组包含「分组头部（Section Header）」和「分组内容（Section Items）」，同时保留了 FlatList 的按需渲染特性，即使海量分组数据也能流畅滚动。
2026-01-11 13:48:42
939
原创 从入门小白到精通，玩转 React Native 鸿蒙跨平台开发：TouchableOpacity 触摸反馈组件
是 React Native 鸿蒙封装的触摸反馈容器组件，本质是对基础 View 组件的增强，在保留 View 所有布局能力的基础上，新增了「按压透明度变化」的触摸反馈动画，以及完整的触摸事件体系，是所有点击类交互的最优解。
2026-01-11 13:24:50
923
原创 从入门小白到精通，玩转 React Native 鸿蒙跨平台开发：FlatList 高性能列表组件
FlatList是 React Native 鸿蒙内置的高性能滚动列表组件高效渲染结构化的列表数据。
2026-01-11 13:01:44
797
原创 从入门小白到精通，玩转 React Native 鸿蒙跨平台开发：Image 图片加载组件核心使用
RN 的 Image 组件，是对鸿蒙原生 Image 组件在页面中加载并展示各类图片资源。
2026-01-11 12:33:43
778
原创 从入门小白到精通，玩转 React Native 鸿蒙跨平台开发：ScrollView 滚动视图组件
同时 ScrollView 提供丰富的滚动控制、监听、优化属性，既能满足入门级基础滚动需求，也能实现进阶的精准滚动、滚动联动等复杂业务逻辑，是必须吃透的核心组件。ScrollView 是 React Native 鸿蒙跨平台开发中核心的容器类滚动组件，也是开发中高频使用的基础组件。普通 View 组件为固定视图容器，当内部子组件总高度或宽度超出屏幕可视区域时，超出部分会被遮挡无法展示，ScrollView 则完美解决该问题，核心作用是为超屏内容提供可滚动的视图容器，让用户通过滑动操作查看全部内容。
2026-01-11 11:36:04
1136
原创 入门小白到精通，玩转 React Native 鸿蒙跨平台开发：Button 按钮组件与点击事件
原生 Button 轻量化、无性能问题，但样式可定制性弱，适合基础点击场景。通过封装自定义按钮，可完全控制样式，鸿蒙环境无性能损耗，是业务开发的主流方案。
2026-01-11 11:06:54
794
原创 从入门小白到精通，玩转 React Native 鸿蒙跨平台开发：TextInput 文本输入组件实现
TextInput 是 React Native 鸿蒙跨平台开发中，负责承载 App 内所有文本输入场景（如登录账号、搜索内容、表单填写等）。它底层封装鸿蒙 ArkUI 的 TextInput 组件，天然适配鸿蒙系统的输入法、文本排版规则，是从入门到业务开发必须掌握的高频组件。本文所有实战案例，覆盖 TextInput 全部核心用法（基础输入、密码框、输入限制、实时监听等），即可查看所有效果，无冗余内容，直接适配鸿蒙环境。
2026-01-11 10:52:26
819
原创 从入门小白到精通，玩转 React Native 鸿蒙跨平台开发：Text 文本显示组件实战
组件的封装，鸿蒙原生 Text 本身支持「文本分段样式」，RN 保留了这个特性，嵌套的 Text 会继承父 Text 的样式，也可自定义样式覆盖，从而实现富文本效果。✅ 开发技巧：富文本是 App 开发的刚需（比如协议文本的高亮、关键词标色），掌握 Text 嵌套即可轻松实现，无需引入第三方富文本库，鸿蒙环境无兼容问题。如果文本内容是固定不变的（比如标题、提示语），无需绑定动态变量，直接写死字符串即可，鸿蒙会缓存该文本节点，不会触发重渲染。，提升渲染效率，这也是官方推荐的写法，本文所有代码均采用该方式。
2026-01-11 10:30:32
868
原创 从入门小白到精通，玩转 React Native 鸿蒙跨平台开发：View 基础容器组件详解
在 React Native 鸿蒙跨平台开发中，View组件是所有 UI 组件的基础容器，相当于构建界面的 "积木底座"。它负责承载子组件、控制布局样式、响应交互事件，是小白入门必须掌握的核心组件，也是进阶开发者优化界面性能的关键节点。本文将从基础认知到实战精通，带大家全面玩转View组件，所有代码均支持鸿蒙环境运行。
2026-01-11 10:11:27
621
原创 Flutter 开发鸿蒙 PC 第一个应用：窗口创建 + 大屏布局
上一篇我们完成了 Flutter For OpenHarmony 鸿蒙 PC 开发的环境搭建，本篇将聚焦「第一个实战应用」—— 从窗口创建、PC 专属配置到大屏响应式布局，全程拆解开发流程，提供可直接下载复用的工程模板，帮助快速上手鸿蒙 PC 应用开发。
2026-01-07 10:49:44
1035
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人