react native

React Native入门详解简单来说，React Native是一个让你用JavaScript和React编写真正原生移动应用的框架。

yoyoj-rn — RN 的脚手架工具可以不是 @react-native-community/cli是不是感觉如果 RN 不使用 expo 搭建项目会很费劲，重复配置导航/国际化/主题，调试 Metro、SVG、路径别名花掉半天，团队间风格不统一、又怕临时改配置把项目搞崩。然而，直接使用原生脚手架搭建的项目又过于简单，什么都没有？

Flutter跨平台开发全解析：从原理到实战的深度指南在移动开发领域，"一次编写，多端运行"始终是开发者追求的理想状态。Flutter凭借其独特的自绘引擎和声明式UI框架，在GitHub上斩获165k+星标，成为跨平台开发领域的领军技术。本文将从底层原理出发，结合企业级实战案例，系统解析Flutter的核心优势与工程化实践。

前端不太难

RN 调试效率低，一点小改动就需要重新构建？解决手册（实战 / 脚本 / Demo）@[toc]现实中常见的几种烦恼：本文把这些事儿拆成几类问题：工具链（Flipper）、热更（CodePush）、Metro 与缓存、错误定位（sourcemap + 报错系统）和自动化脚本。每部分都有可运行示例或脚本片段。

前端不太难

RN 的导航体系太混乱，如何选型和架构设计？@[toc]说实话，只要项目一大起来，导航就会变得乱七八糟：多级嵌套、Tab + Stack 的组合、iOS/Android 手势差异、DeepLink、页面参数和生命周期管理……一个不小心就会被「返回行为不同」「跳转丢参」「手势卡顿」这些问题虐得灰头土脸。下面这篇实战级技术博客把选型、架构、实现细节、调试与性能要点都讲清楚，并给出能直接跑的 demo 代码片段，帮你把导航从“混乱”变成“可维护 + 可演进”的架构。

01ReactNative-环境搭建tips: mac电脑ReactNative环境搭建Homebrew是mac中很好的包管理工具。 Homebrew 使用 Ruby 开发而macOS 自带 Ruby ; => Homebrew 的安装不依赖 Node.js 或 npm。

ReactNative0.83正式发布 —— 更强DevTools体验与Web API拓展2025 年 12 月 10 日，React Native 官方发布了最新正式版本 React Native 0.83。这一版本随着 React 19.2 的集成、一系列 DevTools 体验升级，以及稳定的 Web 性能 API 支持，成为了迄今为止升级路径最平滑、开发体验提升最明显的一次发布。

前端不太难

RN 构建包体积过大，如何瘦身？@[toc]感觉很常见：业务说包太大，审核又催你上新，团队一头雾水。别急，包体积可以从 4 个方向系统化收敛：

React Native 实战：构建一个现代化的 Todo List (React Query + SafeArea + 键盘适配)在 React Native 开发中，构建一个看似简单的“待办事项列表”，往往能折射出开发者对数据流、UI 适配和用户体验的理解。

每一步都算数

React Native 从零开始完整教程（环境配置 → 国内镜像加速 → 运行项目）本教程将从环境配置开始，到国内镜像加速，最后成功运行 React Native 项目（Android/iOS），适合新手和遇到网络问题的开发者。

React Native与Flutter的对比移动端跨平台开发风风火火搞了几年到现在，大浪淘沙，抗打的基本只剩RN和Flutter；主流项目使用及各家大厂的支持基本围绕这俩展开，面试考察中也是常以此对比来考察移动端开发人员的技术边界；本文只是从大面上对比其差异，具体细节可自行扩展查阅大佬们帖子；

RN跨端适配与沉浸式体验：适配不同设备与系统在前一篇文章中，我们掌握了RN与原生模块的交互能力，能够扩展应用的原生功能。但实际开发中，不同设备的屏幕尺寸、系统版本差异会导致应用显示错乱，影响用户体验。本文作为RN体系化专栏的第五篇，将聚焦屏幕适配、平台差异化处理、沉浸式体验三大核心，帮助你解决跨设备、跨系统的兼容性问题，打造一致且优质的跨端应用体验。

React Native 数据同步双重奏：深度解析“页面级聚焦”与“应用级聚焦”的区别引言你是否遇到过这样的情况：用户在“个人中心”修改了头像，切回“首页”时头像却没变？或者用户早上打开了你的 App，下午切回来时看到的还是早上的旧新闻？

浅谈跨端开发：大前端时代的融合之道跨端开发是指使用一套代码或一个开发框架，能够构建并运行在多个不同平台（如iOS、Android、Web、桌面端、小程序等）的应用程序的开发模式。其核心目标是 “Write Once, Run Anywhere”，旨在提升开发效率、降低维护成本并保持多端体验的一致性。

前端不太难

RN 性能优化：列表滚动掉帧、卡顿怎么办？@[toc]只要你做过 RN App，基本都遇到过这种画面：页面上一个长列表，图片多、文字多、而且还伴随一些交互。滑一滑就掉帧，列表像在“喘气”，甚至会白屏闪烁一下。

React Native鸿蒙开发实战(八)：打包发布与AppGallery上架在前七篇系列文章中，我们系统学习了React Native鸿蒙开发的全流程，从环境搭建、组件布局、状态管理、路由导航、网络请求、原生能力调用到性能优化，已经掌握了构建高质量跨平台应用的核心技能。现在，我们来到了开发流程的最后一步——将精心打造的应用打包发布到应用商店，让更多用户能够使用我们的产品。

Expo 进阶指南：赋予 TanStack Query “原生感知力” —— 深度解析 AppState 与 NetInfo在 Web 开发中，我们习惯了浏览器的“智能”：切换标签页时页面会自动刷新，断网重连后请求会自动重试。这是因为浏览器底层自动处理了窗口聚焦（Window Focus）和网络状态（Online Status）的事件。

Expo (React Native) 最佳实践：TanStack Query 深度集成指南在 Expo 开发中，引入 TanStack Query (React Query) 是移动端开发的强烈推荐方案。