登录社区云,与社区用户共同成长
邀请您加入社区
本课旨在帮助开发者理解 Compose Multiplatform(CMP)的技术定位与核心价值,完成跨平台开发环境搭建,创建并运行首个跨端应用。通过对比 Flutter、React Native 等方案,凸显 CMP 对 Kotlin 开发者零学习成本、高代码复用率的优势。课程涵盖环境配置、项目创建与结构解析,为后续系统掌握跨端开发打下坚实基础。
本文系统讲解React Native中错误处理、日志调试与性能优化三大核心能力。通过Error Boundary捕获渲染错误,结合try/catch处理异步与事件错误,实现应用容错;利用console、DevTools进行调试定位;并通过性能分析工具识别卡顿根源,提升用户体验与开发效率。
本文介绍 React Native 中实现数据持久化的三种核心方案:AsyncStorage(通用键值存储)、SecureStore(加密敏感数据)和 FileSystem(大文件处理),并强调选型原则——敏感数据用 SecureStore,高频读写用 MMKV(需原生构建),兼容性优先用 AsyncStorage。文章详细演示了 AsyncStorage 的基本用法、对象存储封装及自定义 Hoo
本文介绍React Native中让界面“活”起来的动画技术。通过Animated API,使用Animated.Value和Animated.timing实现平滑的透明度变化动画,强调动画不仅是视觉效果,更是用户体验的关键。文章对比了状态更新与动画系统的差异,指出useNativeDriver: true可提升性能,并为后续学习Reanimated和手势交互奠定基础。
本课聚焦于React Native的样式与布局,核心是掌握Flexbox实现美观、响应式界面。通过深入讲解flexDirection、justifyContent、alignItems等属性,结合flex、gap、flexWrap等实用技巧,解决多屏幕适配问题。强调React Native与Web CSS的差异(如默认flexDirection: column),并引入百分比尺寸与绝对定位,帮助开
本文详解 React Native 中 TextInput 组件的使用,重点讲解受控组件模式,实现用户输入的实时响应与状态管理。涵盖常用属性:keyboardType(键盘类型)、secureTextEntry(密码隐藏)、multiline(多行输入)、autoCapitalize(自动大写)、autoCorrect(纠错)、maxLength(长度限制)及 editable(可编辑性),并解决
本文探讨了React Navigation带来的状态共享难题,提出通过Context与useReducer解决prop drilling问题。通过创建ThemeContext,使用Provider提供状态,结合useContext实现跨层级数据访问,使组件无需层层传props即可共享主题、用户等全局状态,提升代码可维护性与复用性。
本文介绍React Native中多页面应用的导航解决方案,重点讲解React Navigation的核心用法。通过安装与配置,掌握Stack Navigator(堆栈导航)、Bottom Tab Navigator(标签导航)和Drawer Navigator(抽屉导航)的使用方法,实现页面跳转、参数传递及嵌套导航。结合NavigationContainer、Navigator与Screen组件
组件渲染应为纯函数,仅根据状态返回视图描述。网络请求、定时器等副作用需在渲染后执行。useEffect 是处理副作用的正确方式:不传依赖数组则每次渲染后执行;传空数组只挂载时执行一次;传具体依赖则依赖变化时重新执行。通过合理使用 useEffect,可在不影响渲染纯净性的前提下完成数据拉取、订阅监听等操作,确保状态更新与界面同步。
本课聚焦组件拆分与组合,解决大组件臃肿问题。通过将个人主页头部拆分为Avatar和UserInfo等小函数组件,实现代码复用与维护性提升。核心理念:界面 = 组件树,列表则由数据驱动一组组件。结合FlatList实践,掌握高效构建复杂界面的模式。
React Native的核心是“视图 = 函数(状态)”——界面由状态决定,无需手动修改DOM。通过useState管理状态,组件返回的JSX描述的是状态变化后的视图结果。当状态更新,React自动重新渲染,实现声明式编程。与命令式“找元素、改内容”不同,声明式只需关注“结果”,框架负责“过程”。这使代码更简洁、可维护性更强,如同点菜只需说“宫保鸡丁”,厨师自会完成烹饪。理解此思想,是掌握Rea
本文从零开始介绍 React Native 跨平台开发,阐明其基于 JavaScript/TypeScript 与 React 思想,通过原生组件渲染实现接近系统原生的体验。重点讲解声明式编程、函数组件、状态管理等核心概念,并对比命令式与声明式写法,帮助读者理解 React Native 的运行机制与开发逻辑,为后续学习奠定基础。
在工程中创建新 Module,File > New > Module > Empty Ability。执行 Run > Run 'application',将新创建的 Module 的 HAP 包安装到系统中。在以上三个文件添加自己应用的配置信息(需要服务 bundleName 和 finger)。命令打印出 HAP 的 finger 信息,然后删除新创建的 Module,恢复工程。此应用需要拉起
上一篇介绍了鸿蒙系统的编译机制,接下来需要介绍一下鸿蒙系统的常用调试方法,这块设计原理基本同android一致,但是命令工具这些可完全不一样了。
Android SIM 卡选择发送— 通过SmsManager指定订阅(subscription)发送短信,支持双卡设备选卡发送状态回执— 通过系统广播SMS_SENT上报发送与送达状态,Dart 侧以事件流订阅批量群发一次向多个收件人发送,支持长短信自动分片(iOS 系统短信编辑器— 基于唤起系统 composer 发送能力与权限探测等统一能力/权限查询接口该三方库最初支持 Android /
<think>我们只需要生成≤150字的摘要,概括全文内容。根据用户提供的文本,需要提取关键信息:将Flutter三方库flutter_file_dialog适配到OpenHarmony,过程包括初始化、ArkTS翻译、注册、验证等。摘要要简洁。</think>本文记录了将Flutter三方库flutter_file_dialog适配至OpenHarmony/HarmonyOS的完整过程,涵盖初始
当高性能、高安全遇上 OpenHarmony、端侧 AI、海思 IoT,会碰撞出怎样的落地火花?9月5日,开放原子旋武开源社区「Rust 赋能国产新技术」系列活动深圳站,来到深圳龙岗·工业软件园。这一次,我们跟随 Rust,投入真实的技术场景里。
安装 Android SDK(针对安卓开发的套件,虽然Android Studio会默认安装最新版本的Android SDK,但是目前编译React Native需要Android10版本的SDK)React Native 是由 Facebook(现 Meta)开发的开源移动应用框架,用于使用 JavaScript 和 React 构建真正的原生移动应用(iOS 和 Android)安装Andro
这篇文章系统性地介绍了OpenHarmony应用测试体系,主要包含以下核心内容: 测试价值:通过测试金字塔模型(单元测试为基础+UI测试+端到端测试)保障质量,避免线上事故 四层测试能力: 单元测试:快速验证函数/类逻辑 XTS兼容性测试:确保系统接口规范 UI自动化测试:模拟用户核心操作流 性能/压力测试:验证稳定性指标 技术实现: 基于JUnit风格的测试框架 支持设备级/本地测试分离 提供丰
本文介绍了OpenHarmony系统源码定制与裁剪的核心方法。通过分析源码结构(build/、foundation/等目录)和gn+ninja编译框架,阐述了组件级裁剪原理。重点解析了产品定义文件配置(json格式)、组件BUILD.gn编写规范,以及编译裁剪命令实践。文章还提供了系统服务裁剪的分级策略(L1-L4)和完整示例,展示了如何通过配置移除不需要的组件(如媒体/电话服务),实现镜像体积减
本文深入解析了鸿蒙/OpenHarmony系统的权限校验机制,涵盖UID/GID基础模型、SELinux强制访问控制、CAP能力机制三大核心层级。通过源码级分析展示了权限校验的完整调用链:从应用层权限申请到内核级安全策略检查,揭示了系统如何通过"进程身份验证→安全策略匹配→能力授权"的三重防护体系实现安全隔离。文章还提供了企业级实践建议,包括权限最小化原则、运行时权限校验等关键安全措施,并附有完整
OpenHarmony采用三内核架构设计,针对不同设备能力提供差异化解决方案: 内核分级:LiteOS-M(<128KB设备)提供极简微内核,LiteOS-A(128KB-128MB)支持进程隔离,Linux(>128MB)提供完整生态支持; 设计哲学:遵循能力最小化原则,微内核仅保留核心功能(任务调度/IPC/内存管理),其他服务运行在用户态确保安全; 选型策略:基于内存容量(传感器→LiteO
我写了6年的代码,经历过从html + javaScript + css,到jQuery,再到vue和React的前后端分离,经历过移动端热潮,经历过小程序的发展。每次新东西出来,都有人说"前端要失业了"。之前React Native出来的时候说是"前端的终结"。结果呢?前端现在一样是好好的,只是变得不一样了。记住:AI带来的不是“抢饭碗”,而是又一次的筛选。筛选掉那些靠"会写代码"吃饭的人,留下
官方路径:https://gitee.com/openharmony,进入以后在公告栏有最新版本路径:“社区已于2025-01-22发布OpenHarmony-v5.0.2-Release版本, 详情请参考https://gitee.com/openharmony/docs/blob/master/zh-cn/release-notes/OpenHarmony-v5.0.2-release.md”
文章摘要:作者分享了从纯前端转向AI全栈开发的技术成长路径。以React为起点,逐步掌握前端工程化(脚手架、CI/CD、性能优化)、全栈开发(Next.js、Node.js)及跨平台技术(React Native、Electron)。重点介绍了工程化实践(NPM发包、webpack/vite配置)、性能优化指标(Core Web Vitals)及项目经验(协同文档编辑器DocFlow)。通过开发脚
环境准备是 Flutter 鸿蒙开发里最容易踩坑的一步。普通 Flutter 项目主要依赖 Flutter SDK 和 Android/iOS 工具链,而鸿蒙项目还需要 DevEco Studio 提供 OpenHarmony SDK、ohpm、hvigor 和 node。工具装错、路径没配、版本不匹配,都会在后面的或中暴露。
很多同学第一次接触 Flutter 鸿蒙开发时,会把它理解成“装一个 Flutter,然后写 Dart 页面”。实际项目里还会多出 OpenHarmony SDK、DevEco Studio、ohpm、hvigor、hdc、签名和 ohos 工程目录。先把这条路线看清楚,后面配置环境、创建项目、调试真机、调用原生能力时就不会乱。
记录项目初期的环境准备、OpenHarmony 构建体系学习、HDF/HDI 分层认识、原始系统基线测试和团队任务拆分。
HCS 能力配置Metadata 格式枚举V4L2 设备匹配Buffer 格式转换Pipeline stream 分发Camera Framework 输出Camera App profile 选择前后摄 UI 切换相册保存逻辑NV12/NV21 色彩格式产品镜像打包这也是我做完之后最大的感受:在 OpenHarmony 这种系统里,“一个外设能用”并不是某一个文件改对了就结束了,而是上层应用、系
本文详细介绍了使用React Native开发跨平台待办事项应用的实践过程。首先分析了移动开发的技术演进,比较了原生开发与跨平台方案的优劣,重点阐述了React Native的核心优势。随后从项目架构设计入手,包括技术选型、项目结构和组件化设计原则。核心功能实现部分深入讲解了状态管理、数据持久化、添加待办事项和状态切换等关键功能的技术细节。该应用利用React Native的跨平台特性,结合Asy
DevEco Testing 从 5.0 开始砍掉非 HarmonyOS/OpenHarmony 系、从5.1.5.200 开始再砍掉 OpenHarmony 只留测试工具链已经完成了从"泛 OH 实验室"到"Next 应用交付质量体系"的角色转型。你越早把手头测试环境按 Next 口径标准化,越少时间在"连不上/弹框/为什么"里空转。旧 OH 板子不是没价值,但它们该待在自己的 lane(hd
HCS 能力配置Metadata 格式枚举V4L2 设备匹配Buffer 格式转换Pipeline stream 分发Camera Framework 输出Camera App profile 选择前后摄 UI 切换相册保存逻辑这也是我做完之后最大的感受:在 OpenHarmony 这种系统里,“一个外设能用”并不是某一个文件改对了就结束了,而是上层应用、系统服务、HDI、驱动和板级配置一起对齐。
摘要: 梦境故事续写器是一款基于Flutter开发的创意应用,帮助用户将梦境转化为完整故事。核心功能包括梦境记录、AI故事续写、风格选择(如诗意浪漫/悬疑紧张)、插图生成及故事管理。应用采用Material Design 3规范,支持多平台运行,架构分为表现层(四大模块)、业务层(故事生成逻辑)和数据层(梦境/故事模型)。通过类型化标签(10种梦境类型)和状态管理(草稿/已完成等),实现从梦境记录
摘要: 本文基于神经生物学视角,将异性社交互动解构为神经递质调控系统,通过Flutter与HarmonyOS构建“社交认知测绘台”。系统模拟多巴胺(奖赏预测)、催产素(信任建立)、血清素(社交自信)和皮质醇(压力反应)的动态交互,采用数学模型(如RPE微分方程)量化社交策略的生化影响。通过UML架构实现状态分离,并运用CustomScrollView实现跨设备自适应布局,最终以雷达网络和流体动画可
摘要: 本文从人际生物学角度探讨亲密关系的生理同步机制,提出基于Kuramoto模型的耦合振荡器理论,将情侣互动转化为心率、激素等生理参数的动态耦合。通过Flutter与鸿蒙跨平台技术,设计了一套实时测绘生理同步的数字化仪表盘,包含响应式UI架构、阻尼控制器和波形渲染管线。核心代码实现了互动事件触发、共振度计算与动态波形绘制,支持多设备适配。该系统为亲密关系研究提供了可视化工具,展现了生物体征同步
愤怒转化器:情绪管理应用摘要 愤怒转化器是一款基于鸿蒙/Flutter的情绪管理应用,通过可视化方式将负面情绪转化为创作能量。核心功能包括:愤怒等级评估(四级滑动选择)、五种创作转化方式(文字、绘画、音乐等)、动态火焰动画反馈及作品统计系统。采用橙红色视觉体系,结合Material Design 3规范,实现愤怒值-能量倍率算法(最高2倍加成),支持作品存档与多维数据分析。技术栈包含Flutter
声音可视化应用简介 这款创意应用通过实时音频分析将声音转化为动态视觉艺术,支持5种可视化模式(波形、频谱、粒子、圆环、柱状图)和5种色彩主题(彩虹、海洋、火焰等)。采用Flutter框架开发,利用CustomPainter实现核心绘制功能,包含音频数据模拟、粒子系统等模块,为用户提供沉浸式的"听见色彩,看见声音"体验。项目代码结构清晰,包含数据模型、绘制器和主界面等组件,适合鸿
摘要: 开源鸿蒙跨平台社区推出了一款基于Flutter的智能健身训练系统,通过生物力学建模与动态仪表盘实现精准力量训练监测。系统采用Epley公式实时计算1RM极限重量,结合容量负荷积分方程量化训练强度。核心仪表盘利用Canvas渲染引擎,将肌肉张力、神经疲劳等参数可视化,通过波函数干涉与阻尼动画模拟真实物理反馈。代码架构采用响应式设计,实现高性能数据解耦与动态渲染,为开发者提供了一套融合运动科学
摘要: AR博物馆导览应用通过鸿蒙跨平台开发(Flutter 3.0+)实现沉浸式文化体验,提供五大博物馆(如故宫、国博)的展品AR扫描、3D模型展示、语音导览及收藏功能。采用Material Design 3设计,以靛蓝色为主色调,包含首页导航、AR扫描、藏品库和个人中心四大模块,支持书画、青铜器等六类展品分类。技术架构分层明确(表现层/业务层/数据层),核心功能包括展品识别、动态详情页及状态管
Text style={styles.sectionTitle}>3. 自定义按钮(TouchableOpacity)</Text><Text style={styles.customBtnText}>点击触发加载 & 弹窗</Text></View>结构作用。
摘要: 家庭决策投票器是一款基于Flutter开发的跨平台应用,旨在通过民主投票解决家庭日常决策问题。应用提供6类投票主题(出行、餐饮、影视等),支持创建多选项投票、实时统计结果和匿名投票功能。采用Material Design 3设计规范,以紫色为主色调,包含首页、投票、历史和成员四大模块。技术架构采用三层结构(表现层/业务层/数据层),核心功能包括投票管理、结果计算和成员统计。该应用可运行于鸿
开源鸿蒙跨平台社区推出"人生总结"应用 该项目是一款基于Flutter框架开发的人生分析类应用,通过收集用户基本信息、人生维度评分和时间分配数据,自动生成个性化的人生报告。应用包含五大人生阶段(童年至老年)、八大维度评估(事业、家庭等)和八类时间分配(工作、睡眠等),通过数据可视化帮助用户全面了解人生状态。 技术实现采用Flutter 3.0+和Dart 2.17+,支持鸿蒙O
这部分是 RN 的「样式表」,相当于网页的 CSS,用于定义组件的外观、布局、间距等。// 样式对象:key 是样式名称(后续通过 styles.xxx 引用),value 是具体样式属性flex: 1, // 核心布局属性:占满父容器的全部可用空间(这里占满屏幕)backgroundColor: '#f5f5f5', // 背景颜色padding: 20, // 内边距(上下左右都留 20 像素
摘要: AR室内设计预览是一款可视化工具应用,帮助用户在装修前预览家具摆放、墙面设计效果,避免决策失误。核心功能包括房间设置(类型、尺寸)、家具摆放(添加、调整)、墙面设计(风格、颜色)及方案管理(保存、对比)。应用采用深蓝色调UI,提供直观的俯视图预览和3D效果展示,支持多方案对比与成本统计,助力用户高效规划室内设计。
摘要: 数学公式查询是一款跨平台教育应用,提供从小学到大学的数学公式查询服务。应用涵盖代数、几何、微积分等8大数学分支,支持按学段、难度和类型分类检索,集成公式搜索、收藏管理、学习记录等功能。采用Flutter框架开发,遵循Material Design 3规范,支持鸿蒙OS、iOS和Android平台。技术栈包括Dart语言、Provider状态管理和数学公式渲染库,架构分层清晰,包含表现层、业
摘要: 开源鸿蒙跨平台社区推出了一款BMI计算器应用,帮助用户科学评估体重健康。该应用基于Flutter开发,支持BMI计算、健康评估、历史记录、趋势分析等功能,提供个性化健康建议和目标管理。应用采用Material Design 3规范,包含四大模块:计算页(输入身高/体重)、历史页(数据可视化)、目标页(进度追踪)和设置页(个性化配置)。技术栈包括Dart语言、SharedPreference
摘要: 智能垃圾分类助手是一款基于Flutter开发的生活服务应用,支持鸿蒙OS/Web平台。核心功能包括拍照识别垃圾种类、分类指南查询、分类记录统计及环保成就系统。应用采用Material Design 3规范,通过CustomPainter实现数据可视化,包含四大模块:识别分类(图像识别)、分类指南(知识库)、分类记录(数据统计)和环保成就(徽章系统)。技术栈选用Flutter 3.0+和Da
摘要: 开源鸿蒙跨平台社区推出"故事接龙"应用,这是一款创意协作写作工具,用户可与陌生人共同创作故事。应用提供奇幻、科幻等6大主题,采用轮流接龙机制(每人限200字,最多10人参与),包含故事广场、创建、接龙、点赞等核心功能。技术栈基于Flutter框架,采用Material Design 3规范,包含完整的数据模型和交互流程,支持模拟陌生人参与。项目通过限制性规则保证创作多样