React Native2025官方最新版-React Native免费下载安装-飞速下载

软件介绍

React Native是款能够设计手机上软件的方法。React Native官方版提供多种开发组件，在设计应用程序的时候快速部署UI界面，可以添加文本，添加图像，添加其他响应内容，添加应用程序元素，为用户编辑UI界面提供帮助。React Native着力于提高多平台开发的开发效率——仅需学习一次，编写任何平台。

软件特色

原生的iOS组件

React Native主张“Learn once,write everywhere”而非其他跨平台工具一直宣扬的“Write once,run everywhere”。通过React Native，开发者可以使用UITabBar、UINavigationController等标准的iOS平台组件，让应用界面在其他平台上亦能保持始终如一的外观、风格。

异步执行

JavaScript应用代码和原生平台之间所有的操作都采用异步执行模式，原生模块使用额外线程，开发者可以解码主线程图像、后台保存至磁盘、无须顾忌UI等诸多因素直接度量文本设计布局。

触摸处理

React Native引入了一个类似于iOS上Responder Chain响应链事件处理机制的响应体系，并基于此为开发者提供了诸如TouchableHighlight等更高级的组件。

软件功能

使用React为Android和iOS创建本机应用

React Native将本机开发的最佳部分与React（用于构建用户界面的一流JavaScript库）结合在一起。

少用或多用：您可以立即在现有的Android和iOS项目中使用React Native，也可以从头开始创建一个全新的应用程序。

用JavaScript编写-使用本机代码呈现

React原语渲染到本机平台UI，这意味着您的应用程序使用与其他应用程序相同的本机平台API。

许多平台，一个React。创建特定于平台的组件版本，以便单个代码库可以跨平台共享代码。使用React Native，一个团队可以维护两个平台并共享一种通用技术-React。

面向所有人的原生开发

React Native可让您创建真正的本机应用程序，并且不会影响用户的体验。它提供了一套核心的像与平台无关本地组件的View，Text和Image直接映射到该平台的原生UI添砖加瓦。

无缝跨平台

React组件封装了现有的本机代码，并通过React的声明性UI范例和JavaScript与本机API进行交互。这样可以为全新的开发人员团队进行本机应用程序开发，并且可以让现有的本机团队更快地工作。

快速刷新

保存后立即查看所做的更改。借助JavaScript的强大功能，React Native可让您以闪电般的速度进行迭代。无需等待本地构建完成。保存，查看，重复。

安装步骤

1.首先是安装Chocolatey，cmd执行

powershell-NoProfile-ExecutionPolicy Bypass-Command"iexnew-object net.webclient.DownloadString

'https://chocolatey.org/install.ps1'"&&SET PATH=%PATH%;%ALLUSERSPROFILE%chocolateybin

注意要以管理员身份打开cmd，不过十有八九因网络问题安装失败，博主开vpn也只是偶尔成功，附一张安装成功截图。

其实node和python安装十分方便，不用Chocolatey也是秒装的

node安装：https://nodejs.org/en/download/node如果win最好装7以下的

python安装：https://www.python.org/getit/python装2.7就好了

2.然后就是设淘宝镜像了：

npm config set registry https://registry.npm.taobao.org--global

npm config set disturl https://npm.taobao.org/dist--global

Yarn是Facebook提供的替代npm的工具，可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

npm install-g yarn react-native-cli

安装完yarn后同理也要设置镜像源：

yarn config set registry https://registry.npm.taobao.org--global

yarn config set disturl https://npm.taobao.org/dist--global

3.然后重启cmd执行npm install-g react-native-cli，安装RN

react native

4.最后创建react native项目

react-native init+项目名

使用方法

1、安装node。

安装成功后，配置环境变量在path中添加：

在命令窗口测试node 是否配置成功：

node -v

输出node版本即为成功

2、通过命令：$npm install -g react-native-cli

注：如果遇到Cannot find module 'npmlog', 可以尝试命令：$curl -0 -L https://npmjs.org/install.sh | sudo sh

确保react-native安装成功，可以用检查版本的命令来检查react-native命令： $react-native -v

3、安装Git

安装成功后配置环境变量

类似于第一步：path中添加 D:react_nativegitGitcmd

4、通过命令窗口切换到想要创建项目的根目录下，然后运行 react-native init MyProject(项目名称)

最后会显示：

To run your app on iOS: cd D:UsersXXXMyTest react-native run-ios - or - Open iosMyTest.xcodeproj in Xcode Hit the Run buttonTo run your app on Android: cd D:UsersXXXMyTest Have an Android emulator running (quickest way to get started), or a device connected react-native run-android

5、切换到自己项目下：cd MyProject

运行 npm install (安装node_modules)

6、安装node_modules成功后，运行react-native run-android 即可。

7、在浏览器中输入http://localhost:8081/index.android.bundle?platform=android 会显示一长串的json代码。

8、可能遇到的问题：

如果android系统是5.0以下

1.Could not get BatchedBridge, make sure your bundle is package correctly.

Dev Settings->Debug server host & port for device 修改IP为充当服务器的PC的ip地址：8081(!!!)。

优缺点

优点

复用了React的思想，有利于前端开发者涉足移动端。

能够利用JavaScript动态更新的特性，快速迭代。

相比于原生平台，开发速度更快，相比于Hybrid框架，性能更好。

缺点

做不到Write once,Run everywhere，也就是说开发者依然需要为iOS和Android平台提供两套不同的代码，比如参考官方文档可以发现不少组件和API都区分了Android和iOS版本。即使是共用组件，也会有平台独享的函数。

不能做到完全屏蔽iOS端或Android的细节，前端开发者必须对原生平台有所了解。加重了学习成本。对于移动端开发者来说，完全不具备用React Native开发的能力。

由于Objective-C与JavaScript之间切换存在固定的时间开销，所以性能必定不及原生。比如目前的官方版本无法做到UItableview

ListView

的视图重用，因为滑动过程中，视图重用需要在异步线程中执行，速度太慢。这也就导致随着Cell数量的增加，占用的内存也线性增加。

小编寄语

React Native是利用脚本语言进行原生平台开发的一次成功尝试，降低了前端开发者入门移动端的门槛，使你能够在Javascript和React的基础上获得完全一致的开发体验，构建世界一流的原生APP。React Native官方版着力于提高多平台开发的开发效率——仅需学习一次，编写任何平台。

相关软件

pycharm

git

JetBrains ReSharper Ultimate

ECharts

JetBrains RubyMine 2019

Element UI

JetBrains Rider

Scratch少儿编程

Matlab

Rider 2019