windows android react-native 环境安装

最新推荐文章于 2025-07-20 18:47:19 发布
原创 最新推荐文章于 2025-07-20 18:47:19 发布 · 381 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#windows #android #node.js #jdk #git

本文详细介绍了如何配置React Native在Android平台上的开发环境，包括安装JDK、Git、配置环境变量、使用Gradle构建等步骤，并指导如何启动项目。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Android react-native 环境配置

今天配置了一下Android react-native 环境变量，记录下，方便以后查看。具体步骤如下：

  1. 安装jdk

  2. 安装git

  3. 配置Android环境变量（Android-home）
    添加ANDROID_HOME
    PATH中添加tools，platform-tools

  4. 使用Gradle构建
  5. 下载node.js
    这里写图片描述
  6. cmd到安装目录执行命令：npm install –g react-native-cli
    这里写图片描述
    结果：
    这里写图片描述

  7. 执行命令:npm start

    这里写图片描述

浏览器输入网址：http://localhost:8081/index.android.bundle?platform=android
这里写图片描述
8. 项目中输入命令：react-native start
这里写图片描述

等待一会，会出现
这里写图片描述
9. 执行命令：react-native run-android
这里写图片描述

React-native开发环境搭建(Windows平台)
weixin_39065287的博客
11-01 1611
React-native开发环境搭建Windows平台
react-native-tts:React适用于Android和iOS的Native Text-To-Speech库
04-28
React本地TTS React Native TTS是用于iOS，Android和Windows上的的...选择node_modules\react-native-tts\windows\RNTTS\RNTTS.vcxproj 在windows/myapp/myapp.vcxproj添加引用RNTTS到您的主应用程序项目。 从Visu
React-native安装发布流程Android篇
myang147258的博客
09-19 2788
Yarn是 Facebook 提供的替代 npm 的工具，可以加速 node 模块的下载。
react-native如何配置环境变量
zwh0681的博客
04-10 1361
react native配置环境需要安装依赖Node、JDK和Android Studio第一步：安装NVM与Node.js一、安装NVM1.下载nvm包：在以下官网中下载nvm下载完成后在win+R,调用cmd，输入nvm，出现下面这一堆就表示安装成功了。
React-Native开发环境配置-安装工具-创建项目教程
最新发布
为千万同胞少走弯路而写文！！！
07-20 1070
必须安装的依赖有：Node、JDK 和 Android Studio、Android SDK。 编辑器可以选择熟悉的VSCode，但是需要安装 Android Studio 来获得编译 Android 应用所需的工具和环境。 准备一台安卓手机或模拟器。
react-native android虚拟机启动 [windows下]
·
03-17 938
必须安装的依赖有：Node、JDK 和 Android Studio。虽然你可以使用任何编辑器来开发应用（编写 js 代码），但你仍然必须安装 Android Studio 来获得编译 Android 应用所需的工具和环境。
react-native的安装及环境配置
qq_54684701的博客
08-25 1788
由于项目需求，要做移动端的App,因此要学习react-native，在看教程时很多老师就提到了react-native的环境配置是很难的，那么，今天就来记录一些自己配置react-native的过程 配置环境 由于react-native是基于react框架的，同时，又是基于安卓平台进行开发，所以react需要同时配置node,JDK和android环境，JDK需要8.0（1.8）的版本，node版本要大于12，可以通过打开终端，输入命令java -version;node -v(注意-前有空格)来查看版
React-Native-Permissions 安装与使用指南
gitblog_00424的博客
08-25 1295
React-Native-Permissions 安装与使用指南 1. 项目介绍 React-Native-Permissions 是一个为 React Native 应用程序提供跨平台（iOS、Android、Windows）统一权限管理的库。该库简化了请求、检查和监听各种系统权限的过程，比如地理位置、相机、存储等。它遵循MIT许可证，并且拥有活跃的社区支持与维护。 2. 项目快速启动 安装...
初探React-native - 搭建开发环境
weixin_39182097的博客
03-21 758
搭建 react-native 开发环境记录[windows]
在Windows下搭建React Native Android开发环境(1)
2301_82242499的博客
04-19 969
进入项目目录，输入react-native run-android命令并执行，这个过程需要几分钟的时间在这个过程中可能会出现一些问题，导致build失败：1. 你没有配置ANDROID_HOME,需要再系统变量中加入这个，指到sdk目录。2. android sdk的版本太旧了，最低需要android-233. 需要新的Android Support Repository成功会显示：这里的IP是电脑的IP，不知道的可以在命令行中输入ipconfig进行查询，端口号固定8081。
react-native-netinfo：适用于Android和iOS的React Native Network Info API
02-05
针对Android，iOS，macOS和Windows的React Native Network Info API。 它使您可以获得有关以下方面的信息： 连接类型 连接质量 入门 使用Yarn安装库： yarn add @react-native-community/netinfo 或npm： npm ...
react-native-rich-editor：轻量级React Native（JavaScript，H5）富文本编辑器
02-05
yarn add react-native-pell-rich-editor or npm i react-native-pell-rich-editor 另外，请按照说明添加本机react-native-webview依赖项。 （部分功能） RichEditor 编辑器组件。 只需将此组件放置在视图层次...
react-native-sqlite-storage：适用于React Native的全功能SQLite3 Native插件（Android和iOS）
02-25
react-native-sqlite-storage 适用于Android（经典和本机），iOS和Windows的React NativeSQLite3本机插件 该库的基础基于Chris Brody的Cordova SQLite插件。 特征： 通过相同JavaScript API支持iOS和Android。 ...
react-native-document-picker:使用文档提供程序的React Native的文档选择器
04-29
React本地文档选择器 ...npm i --save react-native-document-picker OR yarn add react-native-document-picker 您需要启用iCloud文档才能访问iCloud RN> = 0.60 如果使用RN> = 0.60，则仅从ios目录运行pod
android各版本特性
ecasona的博客
05-18 4015
android学习笔记：Android 各版本特性1、4.0特性1)新锁屏界面：Android4.0重新设计了锁屏幕UI，下方的解锁虚拟按键向周围发射出微光，轻轻拖动就可以解锁，比原来在UI上确实有很大的进步。2)全新Widget排列：主屏幕上的Widget插件是Android区别于其他系统最大的特点，新的Widget将会像程序界面那样排列。程序和Widget插件分为两个标签，清楚明了。3)更直观的
toolbar学习（二）----- menu样式设置
ecasona的博客
11-10 1091
先上效果图：前两天学习了toolbar，如图所示： 看到右侧的menu很别扭，于是就有了修改它样式的想法， 首先，想修改它的字体颜色，于是在toolbar的样式中设置了 <item name="android:actionMenuTextColor">@color/colorAccent</item>可是并未显示作用。通过查资料，直接设置android:textColor属性，<item nam
android 数据双向绑定学习笔记
ecasona的博客
07-19 869
android 数据双向绑定学习笔记 今天在网上看到了有关双向绑定，顿时，兴趣油然而生。小写一个demo所谓数据双向绑定（dataBinding）,即界面，数据的双向改变（界面交互改变数据，也可数据修改同时修改界面显示）下面，详细介绍双向帮定:首先，双向绑定需在studio2.1-priview3之后的版本 项目gradle需要是： classpath ‘com.andr
微信支付和支付宝支付的封装
ecasona的博客
11-03 685
本项目是微信支付和支付宝支付的封装 使用前须在com.ecasona.newapi.pay.model.KeyLibs中配置微信和支付宝的相关信息。 然后调用com.ecasona.newapi.pay.appPay.AppPayManager 中的pay(…)方法即可。详解: 具体调用支付宝和微信接口是在pays包中，以IPayable为规范通过AliPay和Weixin
配置Android Build Tools 23.0.1以支持React-Native开发
通常，%ANDROID_HOME%环境变量指向了Android SDK安装的根目录。 完成上述操作后，react-native项目就可以识别并使用Android Build tools 23.0.1版本的工具链进行项目构建。 【标签】:"android, react-native" 标签...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值