android-studio 打开react-native android

最新推荐文章于 2025-03-10 16:43:22 发布
最新推荐文章于 2025-03-10 16:43:22 发布
阅读量9.8k 收藏
点赞数 1
文章标签： RN react-native android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/callzjy/article/details/53663766
版权
本文详细介绍了如何在Mac环境下，从安装Android Studio开始，通过一系列步骤配置并运行一个react-native的Android项目。涉及到的关键操作包括：初始化react-native项目、手动下载并设置Gradle、更新Android SDK Build-Tools版本，最终成功运行项目。

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

先安装android-studio，下载地址如下

https://dl.google.com/dl/android/studio/ide-zips/2.3.0.0/android-studio-ide-162.3454121-mac.zip

或

https://sites.google.com/a/android.com/tools/download/studio/canary?fromIDE=

安装前最好先安装JDK、genymotion等



1、桌面建一文件夹RN

2、打开终端

3、cd /Users/targetcloud/Desktop/RN 

4、react-native init ARNDemo --verbose

5、cd /Users/targetcloud/Desktop/RN/ARNDemo 

6、react-native run-ios

7、打开ANDROID STUDIO2.2.3选第二个open an existing Android Studio project路径选/Users/targetcloud/Desktop/RN/ARNDemo/android


（图1 选择RN的android后）


（图2 进入Android Studio底部出现的提示）


（图3 会下载失败）


（图4 提示失败）

图4时移步到http://gradle.android-studio.org/下载gradle-2.4-all.zip，完成后解压到桌面gradle-2.4

点Android Studio->Preferences…Build,Execution,Deployment->Gradle点use local gradle distribution

/Users/targetcloud/Desktop/gradle-2.4

见图5


（图5 自己下载2.4的Gradle并手动设置，后面要设置成2.14.1最新版本）


（图6 提示Update，点Update）


（图7 点Fix Gradle version）


（图8 点Install Build Tools25.0.0）


（图9 下载安装 Android SDK Build-Tools25.0.0）


（图10 点Fix Gradle wapper）


（图11 点Gradle settings，如图5所述）


（图12 大团结，iOS与Android都跑起来了）

cloudtarget
关注
react-native-tts:React适用于Android和iOS的Native Text-To-Speech库
04-28
React Native TTS是用于iOS，Android和Windows上的的文本到语音库。 文献资料 安装 npm install --save react-native-tts react-native link react-native-tts 用法 进口货 import Tts from 'react-native-tts' ; ...
AndroidStudio运行React-Native项目
热门推荐
牛八少爷的专栏
08-20 1万+
React Native简介和环境搭建 介绍了环境搭建，已经通过react-native run-android命令来运行项目； 今天来介绍如何使用AndroidStudio来运行React-Native项目； 1.AndroidStudio打开RN项目 AndroidStudio 打开或导入项目目录下的andriod目录即可； 2. AndroidStudio配置gradle、sdk、b...
Android Studio打开一个外部的Android app程序
hongyeying的专栏
12-23 1893
例子，将这个开源代码放到自己的Android Studio进行编译调试背景描述：由于Android Studio环境的差异，从网上或者Git下载的一个Android开源项目，用自己的Android Studio加载打开时经常遇到各种问题。那么，有没有什么方法或者步骤可以快速的将一个已存在的android项目导入到自己的Android Studio IDE，以继续开发调试呢？下面就自己的经验整理一下，如何快速的用自己Android Studio打开别人的Android代码。
react native使用Android Studio模拟器调试开发环境配置遇到的问题
最新发布
chenbin___的博客
03-10 147
1、npx react-native doctor 提示Android SDK识别失败，改用代码配置使用33版本。解决方法：降低组件使用版本，gesture-handler使用2.18.0，screens使用4.0.0。使用Android Studio选择修改使用的JVM版本，并设置Grandle user home路径。2、JVM版本不兼容。3、提示组件构建失败。
android native方法找不到,如何顺滑地查看 Android Native 代码
weixin_39917090的博客
05-25 492
1. 简介使用 Android Studio 查看 Android Framework 代码体验非常好，无论是索引还是界面都让人很满意，但是当你跟踪代码，发现进入 native 逻辑时，就会发现 Android Studio 对 native 代码的支持非常不好，不能索引不支持符号搜索不能跳转等，这些让人非常抓狂。那么如何能在 IDE 愉快地查看 native 代码呢？在 Windows 上，So...
Android studio 启动 react-native 项目
倚树探星的博客
07-07 3349
第一次使用Android studio运行react-native开发的App，不知道怎样去启动项目 失败方式 以下均失败： 1、在项目目录下执行：react-native run-android 2、在项目目录下执行：react-native start 3、在Android studio中点击运行按钮 前两个无法连接模拟器，最后一个运行报错 正确方式 ...
androidstudio虚拟机运行react-native项目踩坑指南
星海拾遗
04-12 2031
本文详细的记录了照react-native官网文档运行项目踩到的所有坑，诚然，官网只介绍了每一步，最后确实是可以正常运行项目，但是并没有涉及到每一步会出现的问题。此篇文章就每一步可能出现的问题做进一步展开。
React-native桥接Android原生开发详解
08-28
首先，我们需要在Android Studio中集成高德导航SDK，然后使用`jar`包引入React-native项目中。 在上面的代码中，我们遇到了一个问题，即直接拖入的`.jar`语音包不能引入解决办法是右键`.jar`包，然后选择将`.jar`...
Android-现有Android项目集成ReactNative
08-13
打开你的Android项目的`build.gradle`（顶级模块）文件，添加React Native的仓库和依赖： ```groovy allprojects { repositories { ... maven { url 'https://jitpack.io' } } } dependencies { ... ...
compass-react-native:一个简单的指南针应用程序，内置有react-native和react-native传感器。 世博版-https
05-01
指南针React Native :compass: 一个简单的指南针应用程序，仅使用... 然后运行react-native run-android 。 去做 在iOS设备上构建和测试该应用。 /ios目录不包含任何依赖项或配置。 （还拥有一台Mac :laptop: ）。
Android原生项目集成React Native的方法
08-28
打开新创建的package.json文件，然后在其scripts字段中加入:"start": "node node_modules/react-native/local-cli/cli.js start"。现在你的package.json内容应该类似这样：{ "name": "react-example", "version": ...
React Native/Android Studio （mac ） 查看 APP界面 对应 代码页 快捷方法
ws1836300的博客
01-13 957
----------------Android studio--------------- 1 .顶部点击 . 2.点击 OK 3. 点击下拉 三角按钮： 注意：点击三角后，选择最底部的那一项，因为上面的类名可能只是复用了下边的类名。 4.然后，选择该项，点击OK。 如果然后改界面的机构 就如图展示出来了：你可以通过元素的名字，精确定位到 该页面。 5 ....
RN 环境搭建教程
qq_32429257的博客
01-20 3002
RN开发环境搭建 mac: 1,安装homebrew/usr/bin/ruby -e "$(curl -fsSL https://cdn.jsdelivr.net/gh/ineo6/homebrew-install/install)" 选择中科大镜像 2,安装nodebrew install node 3,安装yarnnpm install -g yarn iOS模拟器环境搭建 1,安装Xcode官网下载最新版appStore下载最新版React Native 目前需要Xcode 12 或更高版本。你
android studio虚拟机运行react-native项目全流程（避坑笔记）
在下月亮有何贵干
01-31 1万+
年终了，给自己换了台r9000p，快乐还没享受呢，想着要先把原来电脑的环境和项目重新配置过来，开始崩溃了。公司的项目是rn的，我就配个android studio的虚拟机，给我配出心理疾病了，到处都是问题解决一个又来一个。做了流程，防止还有下一次，如果没有入坑过的可以试试全程下来，应该会少很多问题。
Mac下使用android studio启动react native 项目
u012498810的博客
11-25 818
刚刚开始学习react native,记录一下启动项目时遇到的各种问题 1.安装Node, Python2 ,JDK, Android Studio 2. 创建新项目 npx react-native init AwesomeProject 配置虚拟机，本来想用AVD manager进行配置，但一直遇到如下错误，也无法安装HAXM，于是看到可以安装第三方的虚拟机 The emulator process for xxxx has terminated 下载Genymotion 虚拟机 androi
android studio 开发react native,安装android Studio和运行react native项目（跳坑篇）
weixin_31064267的博客
05-27 1488
1.需配环境变量，值为sdk的地址。ANDROID_HOME 值：E:\Users\HP\AppData\Local\Android\sdk2.下载gradle-2.14.1-all.zip 包修改地址为本地gradle压缩包的地址，这里应该注意路径不可有带空格的，比如Program Files是会出错的。先打开在android Studio导入项目要导入项目android目录下才有效，如E:\...
React-Native-Android-Studio整合开发+环境配置+官方实例
weixin_33749242的博客
12-21 1211
linux下React Native开发环境搭建，使用Android-studio工具进行React Native整合开发。 参考React Native的官方文档，通过图文详细记录开发过程。可以查看本文档中涉及Github源码。 步骤1，2，3来配置React Native开发环境步骤4,5做react-native与Andr...
在Androidstudio上面开发Reactnative所需要的配置
chanzhu的博客
03-15 5986
搭建开发环境 在GitHub上修改这篇文档支持我们 欢迎使用React Native！这篇文档会帮助你搭建基本的React Native开发环境。如果你已经搭好了环境，那么可以尝试一下编写Hello World。 根据你所使用的操作系统、针对的目标平台不同，具体步骤有所不同。如果想同时开发iOS和Android也没问题，你只需要先选一个平台开始，另一个平台的环境搭建只是稍有不同。
react-native--启动androidStudio虚拟机
你猜我猜不猜
04-11 2129
在经历一系列艰难把react-native的安卓原生环境搭建好之后，启动虚拟机又出现了bug。在点击如图所示的虚拟机启动按钮时，报错如下：emulator: ERROR: x86 emulation currently requires hardware acceleration! 看字面意思是启动虚拟机需要硬件加速，所以我做了如下几个步骤： 1.点击左侧的功能栏上面的tools->SDK ...
Android Studio使用react-native-sound
09-16
Android Studio使用react-native-sound库是为了实现在React Native应用中播放音频的功能。react-native-sound是一个用于在React Native应用中处理音频文件的库。它允许你播放、暂停、停止和控制音频的音量。你可以在Android Studio中通过以下步骤来使用react-native-sound： 1. 首先，在你的React Native项目根目录下打开终端或命令行窗口。 2. 运行以下命令来安装react-native-sound库： ``` npm install react-native-sound --save ``` 3. 运行以下命令来链接react-native-sound库： ``` react-native link react-native-sound ``` 4. 接下来，在你的Java或Kotlin代码中导入react-native-sound库： ```java import com.zmxv.RNSound.RNSoundPackage; ``` 5. 在React Native的MainApplication.java文件中，将RNSoundPackage添加到你的ReactNativeHost的getPackages方法中： ```java @Override protected List<ReactPackage> getPackages() { return Arrays.asList( new MainReactPackage(), new RNSoundPackage() ); } ``` 6. 现在你可以在你的React Native应用中使用react-native-sound库来播放音频文件了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值