1 前言之前写过一篇RN的环境搭建教程和新建一个新的RN项目的文章 但是其实在实际开发中，在已有的android项目中集成RN情况更普遍，这篇文章就是一个怎么在已有Android项目中引入RN的例子2 集成步骤首先搭建好Android开发环境，并有一个新建的或者已经存在的Android项目 在未创建ReactNative项目大概是这个样子 接着创建ReactNative Module用于存
转载
2023-07-24 23:04:21
243阅读
最近听说最多的是Android岗位坑很少，不然就是坑少的同时没坑跳。哎，程序员道路艰辛，且行且珍惜呀~今天给大家分享一篇关于混合开发的文章： 如何在现有的Android项目中集成React Native。如果此时你还没有跳入RN的坑，那么这篇文章可能对你来说有些锦上添花了，哈哈~~ok，坐稳我们开车。我会以流水账的形式来向大家详细介绍如何实现，仔细看清楚步骤即可。1.创建Android工程：Rea
转载
2023-12-23 23:18:40
192阅读
# 与Android进行RN交互
React Native（RN）是一种流行的移动应用开发框架，可以帮助开发人员快速构建跨平台的移动应用。与原生应用相比，RN具有更快的开发速度和更好的跨平台兼容性。然而，有时候我们需要在RN应用中与原生Android模块进行交互，以实现一些特定的功能。本文将介绍如何在RN应用中与Android原生模块进行交互，并提供代码示例。
## 准备工作
在开始之前，我
原创
2024-06-16 03:57:30
85阅读
# Android原生与RN交互实现教程
## 流程图
```mermaid
flowchart TD
A(创建RN项目) --> B(在Android项目中集成RN)
B --> C(实现RN调用Android原生模块)
C --> D(实现Android调用RN模块)
```
## 状态图
```mermaid
stateDiagram
开发者 -->
原创
2024-03-28 08:07:28
80阅读
概念桥接模式是一种结构型设计模式，它通过将抽象与其实现分离来解耦。它使用接口（抽象类）作为桥梁，将一个抽象类与其实现类的代码分别独立开来，从而使它们可以各自独立地变化。桥接模式的核心思想是“组合优于继承”。示例为了更好地理解桥接模式，我们来看一个简单的示例：假设有一个形状类，其中有一个颜色属性。此时，如果我们使用继承来实现不同颜色的形状类，就需要创建许多子类，使代码结构变得复杂且难以维护。而使用桥
转载
2024-09-08 20:16:21
27阅读
### Android 与 React Native 桥接（Bridge）
在现代移动开发中，React Native（RN）作为一款跨平台开发框架，越来越受到开发者的喜爱。通过React Native，你可以使用JavaScript编写代码，构建出原生体验的应用。然而，许多时候，我们需要访问原生Android功能以实现某些特定的需求，这就需要使用到“桥接（Bridge）”技术。在这篇文章中，我
工具：参考官网上的工具，一定要按照官网上工具“版本”下载，为了避免一些不必要的麻烦，切记切记！android studio本人采用的是3.4.2的版本，其余都是官网上推荐的版本。采用的API是29！！！（低版本的AS和低版本的API出现莫名其妙的错误，把我拖死了一个礼拜，天天改bug，换成上面的AS和api后直接编译过去，我真的是TMD，GRD！步骤： 第一步：最好自己编写package.json
转载
2023-11-20 06:06:36
73阅读
一、Android编码规范 1.java代码中不出现中文，最多注释中可以出现中文 2.局部变量命名、静态成员变量命名 只能包含字母，单词首字母出第一个外，都为大写，其他字母都为小写 3.常量命名 只能包含字母和_，字母全部大写，单词之间用_隔开 4.layout中的id命名 命名模式为：view缩写_模块名称_view的逻辑名称 view的缩写详情如下 LayoutView：lv Relativ
转载
2023-08-25 01:44:35
54阅读
Android跳转到RN页面由于主客是以插件化的方式集成功能插件的，所以在主客中Android跳转到RN页面需要plugin、module和component。plugin
原创
2022-09-07 10:17:50
286阅读
开发工具：Android Studio ， WebStorm参考链接：React Native官方中文文档一.创建React Native项目1.在本地React Native项目目录下，创建一个文件夹，取名为为ReactApp[名字随便取]2.在ReactApp文件夹下，创建一个名为android文件夹【注：小写】,并将你现有的Android项目拷贝到/android子目录中。3.在ReactA
转载
2023-08-17 13:03:54
124阅读
# Android React Native（RN）概述
Android React Native（RN）是一种流行的跨平台移动应用开发框架，允许开发人员使用JavaScript和React构建原生移动应用。RN的主要优点是提高了开发效率，可以同时开发iOS和Android应用，同时仍保持原生性能。
## 为什么选择Android React Native？
- **跨平台**：使用RN可以
原创
2024-02-25 03:49:36
54阅读
最好先用命令行创建一个RN,react-native init + 项目名， 后面集成的时候可以直接拿来用里面的文件，而不用命令行查询版 本，因为RN建议里面的react-native或react使用最新版本。1、搭建ReactNative 开发基础环境，按https://reactnative.cn/docs/0.45/getting-started.html 文档来安装
转载
2023-07-09 23:07:48
175阅读
拆解需求 1. RN使用 2. 播放器最终实现的播放器功能：可以提供给RN使用，不带边缓存边播放功能的播放器。1. RN使用实现以组件的形式提供给RN使用，至于组件和native如何交互，主要通过重写RN的ViewGroupManager<T>实现。泛型传入的就是RN组件包装的native内部实现的播放器的view（player view）。RN组件向native通信：重写receiv
转载
2024-03-30 21:27:30
36阅读
# RN Android给RN传值实现流程
## 1. 概述
在React Native (RN)开发中，我们经常需要在Android原生代码和RN代码之间传递数据。本文将介绍如何在Android原生代码中向RN传递值，并提供了详细的步骤和代码示例。
## 2. 流程图
```mermaid
flowchart TD
A[Android原生代码] --> B[传递数据到RN]
原创
2023-11-19 14:47:28
190阅读
Android WebView与网页数据交互在没有跨平台框架之前，为了达到兼容的目的，大家都用WebView去嵌套网页，安卓和IOS之间也可以达到同样的效果，那安卓中的WebView是如何与网页进行交互的呢？JS 调用安卓方法原理JS 调用 Android，用到了JNI，大概含义是将注册监听的方法，通过一些类转成Javascript语句，由WebView加载进来。实现整体代码比较简单，注意其中的对
转载
2023-08-01 15:55:33
67阅读
在做RN混编项目的时候或者面试的时候经常会遇到一些问题，总结起来有以下几种：1、过多的注册RN组件( AppRegistry.registerComponent() );2、从原生跳转指定的RN页面及传值问题；3、路由处理：原生 -> React Native -> 原生 -> React Native，多次操作后的进栈出栈问题。一、解决问题1需要使用 React-Navigat
转载
2024-01-29 12:08:11
263阅读
文章写的不是很好，各位大佬不要嘲笑我。希望小弟的文章能给到那么一丢丢的灵感。最近集成rn，遇到了不少的坑，在此总结一下。1.安装必要依赖node这里建议大家不要安装最新版本的Node.js，如果react native太低的而node太高的话，会出现版本过高问题，然后出现一系列看不懂的错误。由于我自身的android项目build版本过低,所以安装react native的时候我安装的是0.55.
转载
2024-01-12 09:32:19
102阅读
# Android对接React Native（RN）详解
随着移动开发的不断进步，React Native（RN）逐渐成为一种流行的跨平台开发框架。开发者通过RN可以使用JavaScript来构建高效的移动应用，而在某些情况下，结合原生Android代码（Java/Kotlin）也能提升应用的性能与用户体验。本文将为您介绍如何将Android与React Native对接，并提供相关的代码示例
一、什么是 ReactNative？作为目前流行的跨平台技术框架之一，React Native是Facebook技术团队于2015年4月在早先的React前端框架基础上开源的一套移动跨平台开发框架，可以同时支持iOS和Android两大移动平台。React Native使用流行的JSX语法来替代常规的JavaScript语法，提高了代码的可阅读性。JSX是一种XML和JavaScript结合的扩展
转载
2023-08-26 14:04:07
466阅读
本文的记录适合已经按照 React-Native 中文网搭建好环境并且能够成功运行 Hello World 的 React-Native 原生项目的同学。文末会放上 github 的地址。各种环境的搭建参照 React-Native中文网，环境搭建好后就可以开始了。1. 打开 AS ，新建一个原生项目，这里项目名为 RNDemo2.在 AS 终端中输入命令npm init接下来按照提示输入对应信息
转载
2023-12-15 10:27:15
135阅读
