前端React技术框架的事件机制不同于常见的事件机制——原生事件，此文将介绍React的事件机制是什么，与原生事件的区别，以及这两种事件机制是否可以混用等。希望您在阅读这篇文章之后，能够对React的事件机制原理有所了解，借此在使用React的过程中避免错误，或者更加准确地定位错误。
前端React技术框架的事件机制不同于常见的事件机制——原生事件，此文将介
转载
2023-06-16 19:36:51
143阅读
本篇博客仅作个人记录，如有错误大佬们欢迎提醒、评论、以及交流ReactNative技术。我查看了许多博客，发现大多都写的比较简练，我就来结合自身的经验做个梳理和总结，帮助小白们加深一下对ReactNative+Android混合开发的理解。这里说的混合开发与官网上说的【集成到现有原生应用】存在区别，一个是以原有的Android项目为基础，在此之上某一两个页面或业务流程用ReactNative。而本
转载
2023-09-12 20:45:02
83阅读
# React调用Android原生方法
## 1. 整体流程
通过React Native框架，我们可以在JavaScript中调用Android原生方法。整个流程可以概括为以下几个步骤：
| 步骤 | 描述 |
| ---- | ---- |
| 步骤1 | 创建一个React Native项目 |
| 步骤2 | 创建一个自定义模块来处理与原生代码的交互 |
| 步骤3 | 在Reac
原创
2023-07-20 22:53:40
236阅读
# 如何在 React Native 中调用原生 Android SDK
作为一名开发者，了解如何将原生 Android SDK 与 React Native 集成是非常重要的。下面将通过一系列步骤来教会你如何实现这一个功能，我们会采用表格、代码示例以及图表来帮助你更好地理解。
## 整体流程
以下表格展示了集成原生 SDK 的基本步骤：
| 步骤 | 说明
原创
2024-09-26 05:34:59
179阅读
# 在 React Native 中调用 Android 原生 SDK
React Native 是一种流行的跨平台移动应用开发框架，它允许开发者使用 JavaScript 开发 Android 和 iOS 应用。然而，尽管 React Native 提供了大量的内置组件和 API，有时我们仍需要调用原生 SDK 以获得更强大或更特定的功能。本文将探讨在 React Native 中如何调用 A
原创
2024-10-23 06:21:26
182阅读
Facebook在React.js Conf 2015大会上推出了React Native，想必各位从事app开发的都备受关注，有人说2016年React Native很可能会成为最受欢迎的的开源技术之一。姑且不论这项技术能不能火起来，对于程序猿来说，写一套代码能够适配两个平台也是大家一直希望的，随着技术的不断成熟，这个趋势是必然的。
转载
2024-08-11 14:50:06
41阅读
结合ReactNative 调用Androi
原创
2022-08-19 12:58:37
260阅读
## react调用Android本地原生方法函数
React Native是一个用于构建跨平台移动应用的框架，它可以在iOS和Android平台上实现高性能的原生应用体验。在React Native中，如果需要调用Android本地原生方法函数，可以通过使用React Native提供的`NativeModules`模块来实现。本文将介绍如何在React Native中调用Android本地原
原创
2023-10-20 17:44:36
89阅读
本人是android开发者，刚刚接触react-native不到一月，这是我的第一篇原创博客，从一开始照着React Native上文档的例子熟悉每一个控件的使用，到页面跳转，跳转到android原生Activity，再到自己实现一些简单的原生的android react-native组件，这是我上传到npm的两个组件（react-native-gotoactivity-android 和reac
转载
2024-01-26 07:15:12
124阅读
有时候 App 需要访问平台 API，但 React Native 可能还没有相应的模块包装；或者你需要复用一些 Java 代码，而不是用 Javascript 重新实现一遍；又或者你需要实现某些高性能的、多线程的代码，譬如图片处理、数据库、或者各种高级扩展等等。我们把 React Native 设计为可以在其上编写真正的原生代码，并且可以访问平台所有的能力。这是一个相对高级的特性，我们并不认
转载
2023-08-01 14:55:33
163阅读
前提：此篇属于调用原生SDK功能进行认证后，返回给RN端进行结果展示。目前想调用第三方（某图场景）的活体识别，但是官网明明写着，有 H5 的方式，但是提供的 SDK 只有原生的，所以需要调原生，并且是在原生中调用三方的检测页面，然后回调结果给 RN。总体的思路：如下图所示，我们的核心点在于对 RCT 的单例设计以及回调的使用。总体的步骤：1，RN 页面引入 NativeModules2，编写原生桥
转载
2023-07-26 19:37:28
297阅读
用React-Native也有1个月了，好多疑惑一直挂在心头，没有得到很好的答案，有道是：纸上得来终觉浅,绝知此事要躬行今天来源码中一探究竟,博主使用的环境是“react”: “15.3.1”,
“react-native”: “^0.33.0”,先看第一个问题一切的开始-startReactApplication想要搞清楚这个问题，那首先要知道在start一个ReactActivity的时候发生
转载
2024-03-14 18:09:06
245阅读
有时候App需要访问平台API，但React Native可能还没有相应的模块包装；或者你需要复用一些Java代码，而不是用Javascript重新实现一遍；又或者你需要实现某些高性能的、多线程的代码，譬如图片处理、数据库、或者各种高级扩展等等。 我们把React Native设计为可以在其基础上编写真正的原生代码，并且可以访问平台所有的能力。这是一个相对高级的特性，
转载
2023-11-24 13:25:36
77阅读
现阶段,在移动开发中,原生(Native)虽然开发成本很高,但是仍然是必须的,因为Web App的用户体验仍无法超越原生; 原生(Native)APP开发的优势:Native的原生控件有更好的体验；Native有更好的手势识别；Native有更合适的线程模型，尽管Web Worker可以解决一部分问题，但如图像解码、文本渲染仍无法多线程渲染，这影响了Web的流畅性.一: 什么是React Nati
转载
2024-01-25 18:14:14
44阅读
今天学习了一下在react-native中调用原生安卓模块的使用，发现很多网上的文章都是直接照抄的文档，这样会有一些坑，导致最后无法运行或者成功调用，所以写下这个博客来分享，同时也记录一下学习过程，内容完整，浅显易懂，仔细看下来肯定会学会的。学习理由：有时候App需要访问平台API，但React Native可能还没有相应的模块包装；或者你需要复用一些Java代码，而不是用Javascript重新
转载
2023-12-25 10:10:53
135阅读
砖一、动态配置 由于 AppStore 审核周期的限制，如何动态的更改 app 成为了永恒的话题。无论采用何种方式，我们的流程总是可以归结为以下三部曲：“从 Server 获取配置 –> 解析 –> 执行native代码”。很多时候，我们自觉或者不自觉的利用 JSON 文件实现动态配置的效果，它的核心流程是：通过 HTTP 请求获取 JSON 格式的配置文件。配置文件中标
转载
2024-08-15 11:42:55
141阅读
RN的生态圈很火爆，但是很难找到一个开箱即用的 React Native APP Demo。目前存在的 Demo 要么过于简单，比如 React Native 官网提供的 Demo AwesomeProject ，这个 Demo 只提供了最简功能，对于路由（导航组件）、状态管理等并没有涉及。虽然 React Native 教程中对于复杂应用应如何选择组件及第
转载
2024-02-05 10:53:56
206阅读
先说一下我使用webview的时候遇到的一个功能需求是这样的，上图中的这个页面是用h5做的，但是由于点击“我的优惠劵”是需要跳转到我原生的页面，也就是说我需要获得这个h5提供的点击事件，但是由于这个页面不是在我们本地弄的，而是在后台那边弄好，然后通过给一个h5链接，所以我们在本地是没有办法给它添加点击事件。嗯，是的，我们没有办法给它添加事件点击，但是我们没有拿到这个点击事件，我们怎么进行跳转呢。到
React Native 是一个由 Facebook 于 2015 年 9 月发布的一款开源的 JavaScript 框架，它可以让开发者使用 JavaScript 和 React 来开发跨平台的移动应用。它既保留了 React 的开发效率，又同时拥有 Native 应用的良好体验，加上 Virtual DOM 跨平台的优势，实现了真正意义上的：Learn Once,Write Anywhere.
转载
2024-01-02 09:12:14
61阅读
# React Native 跳转 Android 原生页面
在现代移动开发中，React Native 作为一个跨平台的框架，允许我们使用 JavaScript 编写原生应用。然而，许多时候我们需要与原生代码集成，尤其是需要实现某些特定功能时，比如调用原生的 Android 页面。本篇文章将为大家详细介绍如何在 React Native 中跳转到 Android 原生页面，并提供具体的代码示例
