React Native 是一个由 Facebook 于 2015 年 9 月发布的一款开源的 JavaScript 框架，它可以让开发者使用 JavaScript 和 React 来开发跨平台的移动应用。它既保留了 React 的开发效率，又同时拥有 Native 应用的良好体验，加上 Virtual DOM 跨平台的优势，实现了真正意义上的：Learn Once,Write Anywhere.
转载
2024-01-02 09:12:14
61阅读
一：原生传递参数给React Native1：原生给React Native传参原生给JS传数据，主要依靠属性。通过initialProperties，这个RCTRootView的初始化函数的参数来完成。RCTRootView还有一个appProperties属性，修改这个属性，JS端会调用相应的渲染方法。我们使用RCTRootView将React Natvie视图封装到原生组件中。RCTRoot
转载
2023-09-12 20:51:46
180阅读
Facebook在React.js Conf 2015大会上推出了React Native，想必各位从事app开发的都备受关注，有人说2016年React Native很可能会成为最受欢迎的的开源技术之一。姑且不论这项技术能不能火起来，对于程序猿来说，写一套代码能够适配两个平台也是大家一直希望的，随着技术的不断成熟，这个趋势是必然的。
转载
2024-08-11 14:50:06
41阅读
有时候 App 需要访问平台 API，但 React Native 可能还没有相应的模块包装；或者你需要复用一些 Java 代码，而不是用 Javascript 重新实现一遍；又或者你需要实现某些高性能的、多线程的代码，譬如图片处理、数据库、或者各种高级扩展等等。我们把 React Native 设计为可以在其上编写真正的原生代码，并且可以访问平台所有的能力。这是一个相对高级的特性，我们并不认
转载
2023-08-01 14:55:33
163阅读
前端React技术框架的事件机制不同于常见的事件机制——原生事件，此文将介绍React的事件机制是什么，与原生事件的区别，以及这两种事件机制是否可以混用等。希望您在阅读这篇文章之后，能够对React的事件机制原理有所了解，借此在使用React的过程中避免错误，或者更加准确地定位错误。
前端React技术框架的事件机制不同于常见的事件机制——原生事件，此文将介
转载
2023-06-16 19:36:51
143阅读
本人是android开发者，刚刚接触react-native不到一月，这是我的第一篇原创博客，从一开始照着React Native上文档的例子熟悉每一个控件的使用，到页面跳转，跳转到android原生Activity，再到自己实现一些简单的原生的android react-native组件，这是我上传到npm的两个组件（react-native-gotoactivity-android 和reac
转载
2024-01-26 07:15:12
124阅读
本篇博客仅作个人记录，如有错误大佬们欢迎提醒、评论、以及交流ReactNative技术。我查看了许多博客，发现大多都写的比较简练，我就来结合自身的经验做个梳理和总结，帮助小白们加深一下对ReactNative+Android混合开发的理解。这里说的混合开发与官网上说的【集成到现有原生应用】存在区别，一个是以原有的Android项目为基础，在此之上某一两个页面或业务流程用ReactNative。而本
转载
2023-09-12 20:45:02
83阅读
前提：此篇属于调用原生SDK功能进行认证后，返回给RN端进行结果展示。目前想调用第三方（某图场景）的活体识别，但是官网明明写着，有 H5 的方式，但是提供的 SDK 只有原生的，所以需要调原生，并且是在原生中调用三方的检测页面，然后回调结果给 RN。总体的思路：如下图所示，我们的核心点在于对 RCT 的单例设计以及回调的使用。总体的步骤：1，RN 页面引入 NativeModules2，编写原生桥
转载
2023-07-26 19:37:28
297阅读
原文作者：John A. Calderaio
原生 iOS(Swift) 和 React-Native 的性能比较React-Native 是一个混合的移动框架，可以让你仅仅使用 JavaScript 来构建应用。然而，与其他混合移动开发技术不同的是，你构建的并不是一个 “移动网页应用”（把网页应用封装到一个原生的容器里）。在最后，你会得到一个真正的应用。与使用 Objective-C 编写的 i
转载
2023-08-03 21:01:55
117阅读
使用 React Native 从零开始开发一款移动应用是一件很惬意的事情，但对于一些已经上线的产品，完全摒弃原有应用的历史沉淀，全面转向 React Native 是不现实的。因此，使用React Native去统一原生Android、iOS应用的技术栈，把它作为已有原生应用的扩展模块，是目前混合开发的最有效方式。
首先，在原生Android项目目录下执行以下命令创建一个package.json
转载
2021-08-11 14:02:25
92阅读
# React调用Android原生方法
## 1. 整体流程
通过React Native框架，我们可以在JavaScript中调用Android原生方法。整个流程可以概括为以下几个步骤：
| 步骤 | 描述 |
| ---- | ---- |
| 步骤1 | 创建一个React Native项目 |
| 步骤2 | 创建一个自定义模块来处理与原生代码的交互 |
| 步骤3 | 在Reac
原创
2023-07-20 22:53:40
236阅读
# React Native 跳转 Android 原生页面
在现代移动开发中，React Native 作为一个跨平台的框架，允许我们使用 JavaScript 编写原生应用。然而，许多时候我们需要与原生代码集成，尤其是需要实现某些特定功能时，比如调用原生的 Android 页面。本篇文章将为大家详细介绍如何在 React Native 中跳转到 Android 原生页面，并提供具体的代码示例
使用React Native从零开始开发一款移动应用是一件很惬意的事情，但对于一些已经上线的产品，完全摒弃原有应用的历史沉淀，全面转向React Native是不现实的。因此，使用React Native去统一原生Android、iOS应用的技术栈，把它作为已有原生应用的扩展模块，是目前混合开发的最有效方式。首先，在原生Android项目目录下执行以下命令创建一个package.json文件。ya
原创
2021-05-18 16:21:55
981阅读
现阶段,在移动开发中,原生(Native)虽然开发成本很高,但是仍然是必须的,因为Web App的用户体验仍无法超越原生; 原生(Native)APP开发的优势:Native的原生控件有更好的体验；Native有更好的手势识别；Native有更合适的线程模型，尽管Web Worker可以解决一部分问题，但如图像解码、文本渲染仍无法多线程渲染，这影响了Web的流畅性.一: 什么是React Nati
转载
2024-01-25 18:14:14
44阅读
一、简介React-Native是Facebook开源的跨平台框架，用于实现前端和原生进行混合开发。React-Native开发可以很好的使用原生UI构建用户界面，与传统的使用WebView相比，不仅保留了原生的用户体验和流畅度，还提高了开发效率，React-Native的构建思路图如下。而React-Native是基于React设计的，由此可见React在RN开发中是极其重要的。React的地址
转载
2024-08-08 13:08:58
46阅读
APP都需要使用全部的原生功能，包含支持全部特性的代码会增大应用的体积。但是仍然要根据自己的需求添加需要的特性。React Native 发布的所有库都在仓库中的Libraries文件夹下。其中有一些是纯JavaScript代码，只需要去require它们就可以使用了。另外有一些库基于一些原生代码实现，必须把这些文件添加到你的应用，否则应用会在你使用这些库的时候产生报错。添加包含原生代码的库的
转载
2024-09-30 14:54:44
31阅读
最近业务上需要用到json可视化的需求，在这给大家安利一个前端页面很好用的插件react-json-view第一步：安装插件npm install --save react-json-view 或者 yarn react-json-view，在这推荐大家在项目中用 yarn 安装插件，yarn的出错几率比npm低很多。第二步：import ReactJson from 'react-json-vi
转载
2024-05-30 19:56:33
92阅读
React Native介绍React Native使你能够在Javascript和React的基础上获得完全一致的开发体验，构建世界一流的原生APP。React Native着力于提高多平台开发的开发效率 —— 仅需学习一次，编写任何平台。(Learn once, write anywhere)Facebook已经在多项产品中使用了React Native，并且将持续地投入建设React Nat
转载
2023-07-20 20:31:51
102阅读
# 在 React Native 中调用 Android 原生 SDK
React Native 是一种流行的跨平台移动应用开发框架，它允许开发者使用 JavaScript 开发 Android 和 iOS 应用。然而，尽管 React Native 提供了大量的内置组件和 API，有时我们仍需要调用原生 SDK 以获得更强大或更特定的功能。本文将探讨在 React Native 中如何调用 A
原创
2024-10-23 06:21:26
182阅读
# 如何在 React Native 中调用原生 Android SDK
作为一名开发者，了解如何将原生 Android SDK 与 React Native 集成是非常重要的。下面将通过一系列步骤来教会你如何实现这一个功能，我们会采用表格、代码示例以及图表来帮助你更好地理解。
## 整体流程
以下表格展示了集成原生 SDK 的基本步骤：
| 步骤 | 说明
原创
2024-09-26 05:34:59
179阅读
