前言当前 React Native
虽说版本更新比较快，各种组件也提供的很全面了，但是在某些情况下，混合开发的方式才会快速缩短开发周期，原因无非就是原生平台的“底蕴”无疑更深，拥有众多且类型丰富的第三方支持库。很多情况下，运用这些库可以避免苦逼的重复劳动。接下来我们以
jpush-react-native 插件1为例来看看在 React Native 中如何使用原生的第三方库。开始在开始之前，
移动开发以前一般都是原生的语言来开发，Android开发是用Java语言，IOS的开发是Object-C或者Swift。那么对于开发一个App，至少需要两套代码、两个团队。对于公司来说，成本还是有的。然而现在有蛮多的公司开发App是基于React Native来开发的，这样可以做到一个App，就是一套代码，一个团队。对于公司来说，无疑节约了成本。《React Native开发》这系列的文章主要是记
RN的环境搭建（这个项目是以windows系统为例。）参考网址：https://www.kancloud.cn/daiji/webapp/511791安装node.js 下载地址：https://nodejs.org/en/
安装一个模拟器，我用的是逍遥模拟器 下载地址：http://www.xyaz.cn/
安装android studio，安装过程中需要下载sdk之类的包
iOS中嵌入ReactNative首先贴上了学习reactnative的文档，一定要按照步骤来搭建配置环境， 也包括18分钟的视屏来手把手教你，我们就可以创建一个简单的reactNative项目了 接下来就要说重点了，怎样在xcode项目中嵌入ReactNative首先我们需要根据推荐使用配置好所需要的开发环境 然后，在终端里进入到我们项目的目录下边进行如下配置：1：node初始化：npm i
转载
2023-10-31 23:21:57
140阅读
# iOS React Native 混合开发指南
在现代移动应用开发中，结合原生代码与 React Native 是一种常见的实践。通过这种方式，我们可以利用 React Native 的跨平台优势，同时满足 iOS 的原生需求。本文将详细介绍如何实现 iOS React Native 混合开发的整个流程，并为您提供每一步所需的代码示例。
## 开发流程
以下是实现 iOS React N
想了解 Flutter 和 React Native 看下面几个文章就可以啦；移动端跨平台开发的深度解析 2018-7全网最全 Flutter 与 React Native 深入对比分析 2019-6GMTC2019|闲鱼-基于Flutter的架构演进与创新 2019-6H5+原生混合原生开发可以访问平台所有功能，而混合开发中，H5代码是运行在WebView中，而We...
原创
2021-09-02 15:19:06
703阅读
目录1. 为什么要集成React Native2. 认识React Native2.1 基础2.1.1 语言基础2.1.2 React Native基础2.2 实践2.2.1 环境搭建2.2.2开源项目2.3 模式3. 如何集成React Native3.1 React Native集成到原生应用：3.2 React Native工程搭建：3.2.1 技术选型3.2.2 工程目录结构 1. 为什
转载
2024-02-03 22:51:50
46阅读
准备node安装：https://nodejs.org/en/react-native官网
原创
2023-01-15 15:36:14
629阅读
一、react-native方案的优势1、项目价值（1）加快互联网产品的开发迭代速度APP迭代周期变短、需求/交互评审不再需要与多端开发同时沟通、产品走查不再需要同时兼顾IOS和安卓端，避免多端开发理解不一致。（2）提高产品的开发和测试效率同一功能由一人负责，避免多人负责因沟通不及时，需求理解不同导致平台实现差异。多端业务代码相同，测试同学不再需要多端重复验证，仅需关注少量的平台兼容问
# Android React 混合开发入门指南
混合开发是将原生应用与使用 JavaScript 和 React 的 Web 应用结合起来的一种方式。通过这种方式，你可以利用 React 的灵活性并同时享受 Android 原生性能。下面，我将为你介绍实现 Android React 混合开发的全过程。
## 一、流程概述
以下是实现 Android React 混合开发的主要步骤：
|
原创
2024-10-03 07:22:07
78阅读
# React Native Android配置教程
欢迎来到React Native的世界！在本教程中，我将指导你完成React Native在Android上的配置过程。这个过程分为几个主要步骤。为了更清晰地展示整个流程，下面是一个步骤表。
| 步骤 | 描述 |
|------|-----------------------------
一、ReactNative简介ReactNative是移动端目前最热的框架之一, 着力于提高多平台开发的开发效率 —— 仅需学习一次，编写任何平台。(Learn once, write anywhere)。Facebook 已经在多项产品中使用了React Native，并且将持续地投入建设React Native。React Native 可以通过更新远端JS，直接更新app
转载
2023-09-18 12:24:26
85阅读
移动开发以前一般都是原生的语言来开发，Android开发是用Java语言，IOS的开发是Object-C或者Swift。那么对于开发一个App，至少需要两套代码、两个团队。对于公司来说，成本还是有的。然而现在有蛮多的公司开发App是基于React Native来开发的，这样可以做到一个App，就是一套代码，一个团队。对于公司来说，无疑节约了成本。《React Native开发》这系列的文章主要是记
转载
2023-07-26 19:47:36
158阅读
原生项目集成Flutter创建Flutter module添加Flutter module依赖在Java/Object-c中调用Flutter module编写Dart代码1.创建FlutterModule首先在你的Native项目的上一级目录，运行如下代码flutter create -t module flutter_module这样，就会创建一个flutter模块 我们进入flutter_m
转载
2023-10-24 00:22:12
126阅读
在本教程中，我们将使用React Native创建一个新闻阅读器应用程序。 在这个由两部分组成的系列文章中，我将假定这不是您的第一个React Native应用程序，并且在设置机器和在设备上运行该应用程序时，我不会赘述。 也就是说，我将详细解释实际的开发过程。 即使我们将部署到Android，本教程中使用的代码也应在iOS上运行。 这是最终结果。 您可以在GitHub上找到本教程中使用的
转载
2024-05-30 22:23:51
58阅读
React Native开发应该了解的Android基本知识最近又开始做React Native项目，个人认为无论采用哪种跨平台的技术，都需要对原生技术有一定的了解，开发的时候才能对项目游刃有余。于是又将遗忘N久的Android基本知识捡起来，记录一下，加深印象，也方便后面查看。ActivityActivity的4种状态：runing -> paused -> stopped ->
转载
2023-10-10 00:02:38
181阅读
React Native 中文网 http://reactnative.cn/ 相关资料 React-Native学习指南 https://github.com/reactnativecn/react-native-guide 教程 React Native React.js ES6 系列教程 开源
原创
2021-07-20 14:36:01
387阅读
文章目录React Native实战一、项目准备1.1 创建原始项目1.2 使用 react-navigation 搭建页面路由1.2.1 安装react-navigation相关依赖1.2.2 修改App文件1.2.3 项目启动报错二、项目开发2.1 登录页面2.1.1 背景图片实现2.1.2 透明状态栏2.1.3 手机dp单位与px单位的转化2.1.4 引入react-native-elem
转载
2023-11-13 19:39:51
247阅读
React Native for Web配置兼容性：React Native 0.55。“React Native for Web”使得可以使用React DOM在Web上运行React Native组件和API。查看在Web上运行的React Native示例的实时演示。高质量的Web界面：可以轻松地在JavaScript中创建fast，自适应的Web UI。它提供原生质量的交互，支持多种输入模
转载
2023-08-03 16:48:42
193阅读
在学习React Native的过程中，相信对于一个App开发工程师，没有充分的学习过前端开发技术的同学来说，顺利的搭建好开发环境还是比较纠结的。下面，我就根据我自己学习过程中的总结，跟大家讲解讲解如何从零开始顺利的搭建React Native的开发环境，希望对大家的学习有所帮助。我是以Ubuntu操作系统进行开发的，具体步骤如下： 1.安装Git apt-ge
