开发工具：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阅读
在现阶段我们的RN实践都是基于已发布过的APP，譬如将从某个入口进入的子模块都替换成RN页面。那么我们可以将这个子模块设计成一个通用RN容器，所有的RN页面都在RN容器内部跳转。RN容器在iOS使用UIViewController、Android使用Activity或者Fragment，加载bundle文件，正常情况下，一个模块只有一个bundle文件。要实现页面的跳转，我们可以使用Navigat
转载
2024-04-05 10:40:34
182阅读
函数篇一、字符函数1、<>与!=有什么区别？2、安全等于：<=>3、合并字段值：CONCAT4、判断为空字段：IFNULL(item1, item2)5、大小写转换：UPPER、LOWER6、截取字符串：SUBSTR7、截取字串位置：INSTR8、去除前后空格：TRIM9、左填充：LPAD10、替换指定字符：REPLACE11、类型转化函数：CONVERT、CAST二、数
转载
2024-07-18 13:55:26
80阅读
5G到来，App的未来，是JavaScript，Flutter还是Native ？
Native AppReact Native（RN）发布于2015年，也是使用JavaScript语言进行跨平台APP的开发。与H5开发不同的是，它使用JS桥接技术在运行时编译成各个平台的Native代码，其使用的技术Facebook的Flux技术。其特点是：使用Java
转载
2024-05-21 19:31:07
90阅读
一开始连react native是什么都不知道，现在大三，去面试了一下，问会不会RN，果断不会，然后自己百度了一下：
React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及
项目结构init 的一个项目结构如图： tests：测试文件夹，执行命令 “npm test”会调用此文件夹，在文件夹中需要引入待测试文件。android：Android的原生开发目录，可以用Android Studio打开进行原生开发。ios: Ios的原生开发目录，可以用Xcode打开进行原生开发。node_modules: 存放所有的项目依赖库，配置package.json之后执行
明天和意外你永远都不知道哪一个先来，编程界亦是如此。例如某个已经有原生代码开发模块的项目要求用RN扩张某些功能；又例如，RN中未封装到的组件非得求助于原生代码。所以RN与原生代码通讯对于混合编程是至关重要的。为了实现两者之间的通信，facebook也提供了三种通信方式。看内容.jpgRCTDeviceEventEmitter消息机制：由Native主导控制，可以任意时刻传递Callback回调方式
转载
2023-11-08 20:41:49
102阅读
定义组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。所有的 Vue 组件同时也都是 Vue 的实例，所以可接受相同的选项对象 例如 data、comput
转载
2024-02-24 17:16:02
51阅读
rem布局rem 主要是为了解决字体随屏幕变化，flex上的高度问题，实现高度和宽度等比例缩放rem其实是一个单位 ，是个相对单位 root em。类似em。em指的是父级字体大小，顾名思义，我们的rem就是root（根元素的大小）->根元素 ，相对于html元素的字体大小的单位。rem布局的原理，就是根据一个html根元素来控制，网页的布局，实现类似于自适应等比例的缩放的布局。rem优势，
转载
2024-01-10 13:59:11
72阅读
工具：参考官网上的工具，一定要按照官网上工具“版本”下载，为了避免一些不必要的麻烦，切记切记！android studio本人采用的是3.4.2的版本，其余都是官网上推荐的版本。采用的API是29！！！（低版本的AS和低版本的API出现莫名其妙的错误，把我拖死了一个礼拜，天天改bug，换成上面的AS和api后直接编译过去，我真的是TMD，GRD！步骤： 第一步：最好自己编写package.json
转载
2023-11-20 06:06:36
73阅读
先上图看效果，再说原理user-card就是一个原生的组件的实列， 1，支持传入图像、姓名等props，prop更新时自动更新视图 2，支持使用slot，插入html片段，使用同vue类似 3，支持使用template标签，写组件模板 4，支持调用组件的方法，也可以传入方法给组件调用 5，兼容性良好，纯原生，主流浏览器都兼容概念组件是前端的发展方向，现在流行的 React 和 Vue 都是组件框架
转载
2023-07-31 17:55:46
65阅读
# Android React Native（RN）概述
Android React Native（RN）是一种流行的跨平台移动应用开发框架，允许开发人员使用JavaScript和React构建原生移动应用。RN的主要优点是提高了开发效率，可以同时开发iOS和Android应用，同时仍保持原生性能。
## 为什么选择Android React Native？
- **跨平台**：使用RN可以
原创
2024-02-25 03:49:36
54阅读
1 前言之前写过一篇RN的环境搭建教程和新建一个新的RN项目的文章 但是其实在实际开发中，在已有的android项目中集成RN情况更普遍，这篇文章就是一个怎么在已有Android项目中引入RN的例子2 集成步骤首先搭建好Android开发环境，并有一个新建的或者已经存在的Android项目 在未创建ReactNative项目大概是这个样子 接着创建ReactNative Module用于存
转载
2023-07-24 23:04:21
243阅读
# 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阅读
了解socket，就需要了解数据在网络中传输。 网络通讯有三要素：ip地址，网络中设备的表示，例如本机用127.0.0.1，或者用本机名：localhost；端口号，用来标示进程的逻辑地址，也就是服务，有效端口0～65535，一般1024以下端口被系统或者本地服务所占据，开发中尽量不要使用，以避免冲突；通讯协议——UDP，TCP，UDP是用户数据报文协议，只负责发送数据，并不管是否被接收，不
转载
2024-06-20 21:45:38
63阅读
拆解需求 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阅读
最近听说最多的是Android岗位坑很少，不然就是坑少的同时没坑跳。哎，程序员道路艰辛，且行且珍惜呀~今天给大家分享一篇关于混合开发的文章： 如何在现有的Android项目中集成React Native。如果此时你还没有跳入RN的坑，那么这篇文章可能对你来说有些锦上添花了，哈哈~~ok，坐稳我们开车。我会以流水账的形式来向大家详细介绍如何实现，仔细看清楚步骤即可。1.创建Android工程：Rea
转载
2023-12-23 23:18:40
192阅读
一、什么是 ReactNative？作为目前流行的跨平台技术框架之一，React Native是Facebook技术团队于2015年4月在早先的React前端框架基础上开源的一套移动跨平台开发框架，可以同时支持iOS和Android两大移动平台。React Native使用流行的JSX语法来替代常规的JavaScript语法，提高了代码的可阅读性。JSX是一种XML和JavaScript结合的扩展
转载
2023-08-26 14:04:07
466阅读
在这篇博文中，我们将深入探讨如何入门Android RN（React Native），一个越来越受欢迎的框架，用于构建跨平台移动应用。下面的内容将详尽讲解环境准备、核心操作流程、配置详解、测试验证、优化技巧以及扩展应用，帮助你在这个领域快速上手。
## 环境准备
在开始之前，我们需要做好准备工作，确保我们有合适的软硬件环境来进行开发。
### 软硬件要求
| 项目 | 最
# 如何实现 RN 项目 Android 开发的完整流程
React Native (RN) 是一个流行的框架，可以让你用 JavaScript 和 React 创建手机应用。虽然设置一个新的 RN 项目，尤其是 Android 部分，可能看起来有些复杂，但通过以下步骤，你可以顺利完成。
## 项目开发流程
首先，我们来看看整个开发流程。以下是步骤的概述，使用了表格来展示。
| 步骤编号
