登录社区云，与社区用户共同成长
邀请您加入社区
React Native（RN）调用原生 Android/iOS 方法，以及原生回调 RN，核心机制是。
JSI = React Native 中连接 JS Runtime 和 C++ Native 世界的一层 C++ 接口。它通过让 JS 持有 C++ 对象引用，实现同步调用、零 JSON 序列化、高性能 Native 交互，是 TurboModules 和 Fabric 的底层基础。如果继续深入，可以研究JSI 源码结构（jsi.h）、Hermes Runtime、HostObject 生命周期、
TurboModule 是 **React Native 新架构（New Architecture）**中的一种新型原生模块系统，用来替代旧的 。它解决了旧 Bridge 架构中 JS 和 Native 通信效率低、类型不安全、启动慢等问题。(GitHub)简单理解：传统 React Native：调用过程：JS 调用 Native 方法参数序列化成 JSON通过 Bridge 传递Native
此系列文章将整合我的 React 视频教程与 React Native 书籍中的精华部分，给大家介绍 React Native 源码学习方法及其他资源。最后的章节给大家介绍 React Native 源码的查阅方法，以便你进行更加高阶的开发与研究时参阅，并分享了开发过程中可能遇到的众多问题的解决方案，以及与 React Native 开发相关、本书相关的一些线上资源。15.6 Rea...
在 App 开发中我们经常需要在用户登录模块接入 SNS 登录组件，这样会大大提高用户的注册体验。特别当一个不是刚性需求 App 推广的时候，这样会很大的降低用户体验的成本，没有人愿意忍受输入邮箱、手机号码去注册一个账号的流程。本文主要分享了在 React Native 中接入微博、微信、QQ 登录的流程，以及此前登录组件中修复的一个已知 bug 的修复。我的源博客地址：http:/...
此文是我的出版书籍《React Native 精解与实战》连载分享，此书由机械工业出版社出版，书中详解了 React Native 框架底层原理、React Native 组件布局、组件与 API 的介绍与代码实战，以及 React Native 与 iOS、Android 平台的混合开发底层原理讲解与代码实战演示，精选了大量实例代码，方便读者快速学习。书籍还配套了视频教程「80 节...
此文是我的出版书籍《React Native 精解与实战》连载分享，此书由机械工业出版社出版，书中详解了 React Native 框架底层原理、React Native 组件布局、组件与 API 的介绍与代码实战，以及 React Native 与 iOS、Android 平台的混合开发底层原理讲解与代码实战演示，精选了大量实例代码，方便读者快速学习。书籍还配套了视频教程「80 节实...
此系列文章将整合我的 React 视频教程与 React Native 书籍中的精华部分，给大家介绍 React 与 React Native 结合学习的方法。1. 软件开发语言与框架的学习本质我们在开始系列文章的技术点内容前，花一点时间探讨一下软件开发语言以及框架的学习本质，相对于整个技术点的讲解，花这一点一起思考的时间是值得的。相信看此系列文章的朋友都已有了非常多的软件开发经验...
此系列文章将整合我的 React 视频教程与 React Native 书籍中的精华部分，给大家介绍 React 与 React Native 结合学习的方法，此小节主要介绍 React 的底层原理与机制。目前 React 可以说是前端世界最火热的框架，具有高性能以及容易上手的特性，而且在掌握了 React 框架后，再学习其他类似 React 的框架也将变得更易上手。关于 Reac...
此文是我的出版书籍《React Native 精解与实战》连载分享，此书由机械工业出版社出版，书中详解了 React Native 框架底层原理、React Native 组件布局、组件与 API 的介绍与代码实战，以及 React Native 与 iOS、Android 平台的混合开发底层原理讲解与代码实战演示，精选了大量实例代码，方便读者快速学习。书籍还配套了视频教程「80 节实战课精通..
本文总结了跨平台开发专项面试的核心考点，涵盖Flutter、ReactNative和小程序三大方向。重点解析了Flutter的渲染管线与原生差异、PlatformChannel通信机制、Dart FFI性能优化；RN新架构Fabric的JSI改进和性能提升；小程序容器的沙箱隔离原理。文章对比了Flutter与RN的技术选型标准，探讨了状态管理方案和动态更新策略，并指出面试考察重点在于底层原理理解和
首选新架构（实测表明，在消除了大图解压和 WebView 浪费后，新架构在低配设备上的内存表现（388.4 MB）甚至优于老架构！并且新架构的 Fabric 渲染引擎能带来更顺畅的滑动体验。第三方音视频 / 直播 SDK 对接规范接入复杂的第三方音视频/直播 SDK 时，建议采用“原生全屏 Activity / ViewController”的调用方式（并在 Android 端配置独立进程这种方式
比如封装一个按钮：import {Textreturn (<Text>登录</Text>
App启动初始化 ReactContext加载 ReactPackage生成 NativeModuleRegistryBridge/TurboModule 注册JS NativeModules访问调用 Native 方法返回结果。
尝试了使用axios和fetch上传，formdata里面的属性好像没发送成功。最后改成使用RNFS.uploadFiles就上传成功了。
这篇文章摘要了米家MIOT React Native插件SDK的项目架构与插件设计说明，主要内容包括： 项目整体架构：采用分层结构，核心SDK提供设备管理、服务层、UI组件等模块，插件项目独立存在于projects目录下。 设备通信协议：对比新旧协议(Spec与Profile)，说明WiFi和蓝牙两种通信链路的工作机制。 插件三层设计：推荐分为通信层(协议处理)、UI组件层(界面渲染)和调度层(状
（1）React Native 开发的应用可以有一个或者多个根 View（没有父组件）。（2）在不指定根 View 的宽高（并将其 flex 样式设为 1）的情况下，通过指定这个根 View 组件的回调函数可以很方便地得到设备的放置状态。当设备横置时，通过 onLayout 回调取到的根 View 宽大于高。当设备竖置时，通过 onLayout 回调取到的根 View 宽小于高。（3）同时 onL
在鸿蒙（HarmonyOS）生态中集成 React Native 库，主要依托于框架。RNOH 在 React Native 原有能力之上进行了深度的鸿蒙化适配，通过桥接机制将 RN 的 JS 代码与鸿蒙原生 ArkTS/C++ 组件连接起来。
React Native 的，如果现在是 React Native 新项目，基本都是围绕来讲。下面按面试和实际开发两个角度总结。
本文详细介绍了鸿蒙版 React Native 架构。包括按功能划分的架构组成，如 RN 应用代码、库代码、JSI、React Common、OpenHarmony 适配代码及 OS 代码等。还阐述了 Fabric、TurboModule、线程模型、命令式组件、启动流程等方面内容。启动流程分为 RN 容器创建、Worker 线程启动、NAPI 方法初始化、RN 实例创建及加载 bundle 等阶段
React Native 开发实战：从入门到进阶 本教程提供完整的React Native开发学习路径，包含视频教程和配套资源。通过B站视频教程（BV1R9QvB9Ekr），开发者可以系统学习React Native框架的使用方法。配套资源包括软件安装包和教学课件，托管在GitCode平台（ReactNative-RHOH项目），方便学习者随时查阅和下载。教程内容涵盖环境搭建、基础组件使用、状态管
问题原因自定义时未正确传递样式解决方案return (<Imagestyle={[]}/><Gallery/>
react native
——react native
联系我们（工作时间：8:30-22:00）
400-660-0108 kefu@csdn.net
开源鸿蒙跨平台开发者社区
HarmonyOS开发者社区
