React Native环境搭建——Android

最新推荐文章于 2025-03-19 08:32:05 发布
最新推荐文章于 2025-03-19 08:32:05 发布
阅读量1.1k 收藏
点赞数 1
文章标签： react native android react.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_58151324/article/details/131562427
版权

一、Android环境搭建

根据官网：搭建开发环境 · React Native 中文网，必须安装的依赖有：Node、JDK 和 Android Studio。

1、安装Homebrew

2、安装node、npm

3、安装 Watchman 的工具

前三步参考：React Native 环境搭建_爱踢球的小前端的博客-优快云博客

4、安装 JDK

安装 Java Development Kit（JDK），搭建 Java 开发环境。

众所周知，Android 依赖 Java 开发环境，这里我们搭建 Java 环境使用的工具是 Zulu。

Zulu 是一款 Java 运行环境，它是基于 OpenJDK（一个 Java 编程语言的开源实现的源代码）构建的。Zu

最低0.47元/天 解锁文章
Android之Windows下搭建React Native Android开发环境（差不多搞了一天）
码莎拉蒂
10-27 2万+
最新情报 0.12已经发布。很多原本需要手动修改BUG的部分很多已经不再需要。 安装JDK 从Java官网下载JDK并安装。请注意选择x86还是x64版本。 推荐将JDK的bin目录加入系统PATH环境变量。 安装Android SDK 可以单独安装Android SDK，也可以通过Eclipse ADT或者Android Studio一并安装。推荐使用Andr
React Native开发环境搭建
m0_56344834的博客
11-02 2794
React是一个构建用户界面的JS框架，实现了数据的响应式和组件化开发，本身既可以用于Web网站项目，也可以用于创建移动端App项目。相较于Vue.js在移动端只能构建WebApp，React生态系统中有一个可以构建“真正原生App”的扩展 —— React Native，可以这样说：“RN是React生态圈可以傲视其它对手的绝对功臣”。
React Native 环境搭建----Andriod端
m0_47745235的博客
10-23 4026
详细！！！React Native 环境搭建----Andriod端（window11系统）
初始化一个React Native项目
最新发布
weixin_60523038的博客
03-19 409
提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。
React Native Android 开发环境搭建，只需4步
weixin_34384915的博客
10-25 122
原文链接：motalks.cn/2016/10/23/… 转载请注明来源。 自己在搭建 React Native Android 版开发环境的时候，参考了很多文章，发现多数文章提供的资料过于繁杂，对于一个常年用真机调试的 Android 开发者来说，React Native 开发环境的搭建是可以更简单的。此文受用的对象是使用 Mac 以及真机调试的 Android 开发人员。最好确保你有个健全的...
在windows搭建react-native android 开发环境总结
weixin_30258027的博客
02-07 337
1.安装必须的软件 1.Python 2 注意勾选 Add python.exe to Path,选项，这样就可以在安装完成后，不用手动去添加环境变量 安装完，打开cmd.exe,输入python,然后enter,如果能成功返回ptython的版本号等信息，则说明安装成功。 2.Node.js 安装完node之后，打开cmd.exe,输入node -v,...
用React Native开发Android —— 环境搭建
xushuying123的博客
06-13 263
前言 先说说为什么选择用React Native来开发Android，以及它在什么需求下适用 React Native优势 它对比原生开发更为灵活，对比H5体验更为高效。 替代传统的WebView，打开效率更高，和原生之间的交互更方便。 多个版本迭代后的今天，它已经拥有了丰富第三方插件支持。 React Native解决不了的，可以通过熟悉的原生来解决，互补益彰。 更方便的热更新。 ...
React-Native环境搭建：Android真机调试（小米手机miui10系统）
wudith的专栏
01-21 1299
主要参考官网的步骤来进行安装，但官网介绍的和最新版本的RN还是有一些差异，总结了一些自己的心得体会。
react Native 环境安装配置——图解版一目了然
m0_70522035的博客
05-07 790
然后下面就是JDK环境变量的配置了（为了大家能够看懂我直接图解）需要我们配置的有一下几项 变量名：JAVA_HOME 变量值：C:\Program Files (x86)\Java\jdk1.8.0_91 // 要根据自己的实际路径配置 变量名：CLASSPATH 变量值：.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar; //记得前面有个"." 变量名：Path（这是在Path中编辑去新增的） 变量值：%JAVA_HOME%\bi.
一个Android开发 从零开始学习React Native的过程——很好的RN入门DEMO ——（一）软件安装与环境搭建
zafkiel_的博客
01-22 1098
Android开发 从零开始学习React Native——很好的RN入门DEMO （一）环境配置及安装 今年年初 公司进了新项目 要用React Native进行App开发 我的第一反应是反正都是新技术没学过 不如用现在的谷歌亲儿子Flutter 可惜客户的要求就是用React Native 没办法 只能学了 那么下面就开始进入正题 环境配置没什么难的 大家照着教程配置就好 Reac...
搭建React Native Android开发环境
u011410770的博客
06-15 421
刚刚学习完React Natvie的搭建,网上大多数都是很完整,所以现在写一份记录下以及从中遇到的问题 一.安装JDK 注意安装的JDK必须是1.8的版本.安装步骤如下(android开发可跳过) 安装过程中会出现两次 安装提示 。第一次是安装 jdk ，第二次是安装 jre 。建议两个都安装在同一个java文件夹中的不同文件夹中。（不能都安装在java文件夹的根目录下，jd
windows环境下Android的ReactNative开发环境搭建
08-18
windows环境下Android的ReactNative开发环境搭建
React Native 环境配置 (保姆式教程) 2024版Android Studio
qq_45273808的博客
05-14 3561
这个gradle-8.0-all.zip 可以根据自己的JDK版本来下载。官方文档要求了必须要有这三个依赖，关于Android Studio如果不想用它提供的模拟器 可以只单独下载它的SDK即可。在运行这个之前，记得先把模拟器打开 我这边是用的Android Studio 自带的模拟器。安装路径可以自己修改，尽量不要放在C盘，如果你内存多，当我没说。ANDROID_HOME= 这个是安装SDK时候的路径。JAVA_HOME = 这个是按照JDK的路径。都勾选好，然后点Apply去下载就好了。
【React Native开发】React Native For Android环境配置以及第一个实例(1)
热门推荐
江清清的专栏
01-04 2万+
(一)前言                FaceBook早期开源发布了React Native For IOS,终于在2015年9月15日也发布了ReactNative for Android,虽然Android版本的项目发布比较迟，但是也没有阻挡了广大开发者的热情。可以这样讲在2015年移动平台市场上有两个方向技术研究比较火，第一种为阿里，百度，腾讯，携程，360等一线互联网公司的插件化，热修
在Android Studio 中运行React Native 项目
kiku
06-29 3624
项目根目录执行命令安装开发依赖yarn，检查项目SDK、NDK、JDK否配置正确，点击 Android Studio 里下载原生依赖，全部下载完毕，点击运行编译项目
使用react Native开发App时Android Studio开发环境搭建
m0_61068496的博客
03-20 852
友情提示：右键我的电脑，选择属性，进入：JAVA_HOME：是你安装的jdk目录了path测试环节：Window+R打开cmd窗口：输入：javac命令完成之后之后有以下效果就欧了：四：安装Android Studio1、点击上方的 Android Studio链接进入官网：2、下载完成安装。
在Windows下搭建React Native Android开发环境
charming的专栏
05-16 2378
一、安装JDK 二、安装Android SDK 三、安装C++环境 网上很多以前的资料（其实就是那一份）都说安装Visual Studio 2013或2015，编译node.js的C++模块时需要用到。这里我没安装，我的系统是win7，好像win7自带了编译C++的工具,然后之前安装过了c-free这个软件，又考虑到电脑承受能力，所以没就安装大的软件。等后面有问题了再说。事实在后面没有出现
React Native踩坑之路 — 搭建Android开发环境
Liebe沐慕木
09-10 772
前一段时间，毕业，追剧打游戏，导致，堕落到没有总结，没有思考什么！可能也是那两个月的毕业时间太过于放纵自己，躁动的心一直也没有安稳下来。突然某天惊醒，工作学习还都是要继续的，不然，哪天都买不起面膜了，买不起面膜如何熬夜！！！so，把最近学习的React Native总结一下，毕竟，对于我这种刚刚毕业的用不起Mac只有Windows的孩子来说，坑还是不少的！ 学习的第一步，当然是搭建环境，不然怎么...
React Native 混合开发(Android篇)
邓惠子飞吧
02-11 8555
React Native 混合开发-Android篇创建一个React Native 项目1. 通过npm安装react-native的方式添加一个React Native项目2. 通过react-native init来初始化一个React Native项目二、添加React Native所需要的依赖第一步：配置maven第二步：配置权限第三步： 指定要ndk需要兼容的架构（重要）三、创建ind...
react native开发环境搭建
01-17
### 如何配置 React Native 开发环境 #### 安装 Node.js 和 Watchman 对于 macOS 用户来说，推荐使用 Homebrew 来安装 Node.js 和 Watchman。Homebrew 是 macOS 上的一个包管理器，可以让软件的安装变得简单快捷。 ```bash brew install node brew install watchman ``` 这一步骤确保了开发环境中拥有必要的 JavaScript 运行时以及文件监听工具[^3]。 #### 安装 Yarn 包管理器 Yarn 提供了一种快速、安全的方式来管理和更新项目所需的依赖项。通过下面命令可完成安装： ```bash brew install yarn ``` 此操作简化了后续项目的初始化过程并提高了效率。 #### Java Development Kit 的安装 为了支持 Android 平台的应用构建，需要先安装 JDK（Java Development Kit）。可以从 Oracle 或者采用 OpenJDK 版本来进行部署。具体方法取决于操作系统的选择，在 Windows 或 Linux 中可以直接下载官方提供的安装包；而在 Mac OS X 则建议继续利用 Homebrew 工具链： ```bash brew tap adoptopenjdk/openjdk brew cask install adoptopenjdk8 ``` 这是为了让编译器和其他相关工具能够在本地机器上正常工作所必需的基础设置之一[^1]。 #### 设置 Android Studio 及其 SDK 下一步就是获取 Android Studio IDE 本身连同附带的各种 API Level 的 SDKs。访问官方网站下载适合当前平台版本的应用程序，并按照提示完成整个流程。特别注意的是要记得调整 HTTP/HTTPS proxy 设置以便加速资源加载速度特别是当位于中国境内网络环境下时。 - **配置 SDK 路径** 打开 Android Studio 后进入 `Preferences` -> `Appearance & Behavior` -> `System Settings` -> `Android SDK` 页面指定自定义目录作为存储位置。 - **创建 AVD (Android Virtual Device)** 使用内置向导建立至少一台虚拟设备用于测试目的。选择合适的硬件模板和目标系统映像以匹配实际需求场景下的兼容性考量。 - **设定 ANDROID_HOME 环境变量** 将上述提到过的 SDK 文件夹加入到系统的 PATH 环境变量当中去，使得命令行工具可以在任何地方被调用执行。例如在 `.bash_profile` 或者 `.zshrc` 文件里追加如下内容： ```shell export ANDROID_HOME=$HOME/Library/Android/sdk export PATH=$PATH:$ANDROID_HOME/emulator export PATH=$PATH:$ANDROID_HOME/tools export PATH=$PATH:$ANDROID_HOME/tools/bin export PATH=$PATH:$ANDROID_HOME/platform-tools ``` 这些准备工作完成后就可以顺利启动模拟器实例并且运行简单的 HelloWorld 类型的小例子验证一切是否就绪了。 #### iOS 环境准备 针对苹果生态内的产品线，则需额外关注几个方面来完善整体解决方案框架： - 升级 Ruby 至最新稳定版次（尤其是 M1/M2 架构的新款 MacBook），因为 CocoaPods 依赖于该解释器引擎； - 安装 CocoaPods —— 推荐的方式有两种：一是借助 Homebrew (`brew install cocoapods`) ，二是切换国内 gem 源后再单独进行全局 gem 命令安装(`sudo gem install cocoapods --source=https://gems.ruby-china.com`); - 获取最新的 Xcode 发布版本及其配套 Command Line Tools 组件，它们共同构成了 Objective-C/Swift 编程语言的标准库集合体，同时也是打包发布应用程序不可或缺的一部分。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值