android-studio 打开react-native android

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

先安装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

最低0.47元/天 解锁文章
cloudtarget
关注
android studio 开发react native,React-Native-Android-Studio整合开发+环境配置+官方实例
weixin_34966742的博客
05-27 1109
React-Native-Android-Studio整合开发+环境配置+官方实例React-Native-Android-Studio整合开发+环境配置+官方实例linux下React Native开发环境搭建，使用Android-studio工具进行React Native整合开发。参考React Native的官方文档，通过图文详细记录开发过程。可以查看本文档中涉及Github源码。步骤1，...
使用Android studio 运行react-native项目
weixin_34257076的博客
05-20 916
小白尝新,第一次运行RN导出的源码，app.gradle中报错,异常显示找不到这两个文件， 作为第一次运行RN编译代码的菜鸡，没做任何预先了解， 看到这个错，第一时间是删代码， 结果是gg的(windows端) apply from: "../../node_modules/react-native/react.gradle" apply from: "../../node_modules/rea...
Android studio 启动 react-native 项目
倚树探星的博客
07-07 3231
第一次使用Android studio运行react-native开发的App，不知道怎样去启动项目 失败方式 以下均失败： 1、在项目目录下执行：react-native run-android 2、在项目目录下执行：react-native start 3、在Android studio中点击运行按钮 前两个无法连接模拟器，最后一个运行报错 正确方式 ...
RN 开发环境搭建（Windows For Android）
最新发布
monkeyfly学前端
08-01 1283
RN 开发环境搭建教程（Windows For Android）
配置android studio 来运行 react native
weixin_45225340的博客
03-18 468
本文详细的记录了照react-native官网文档运行项目踩到的所有坑，诚然，官网只介绍了每一步，最后确实是可以正常运行项目，但是并没有涉及到每一步会出现的问题。在android右上方点击device-manager图标来新建虚拟机，随便选取一个设备点击next，然后选择我们提前下载好的镜像。使用vscode打开新建好的项目，使用npm run android命令运行项目马上会出现一个坑。贴出下载地址，可以用迅雷直接复制下载。在用户变量或者系统变量中找到一个path的变量点开，加上如下四个变量名保存。
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' ; ...
VSC-React-Native-React-Redux-Snippets：用于React和React-Native的代码片段，以及用于es6es7用户的Redux
02-05
接着，React-Native是Facebook推出的用于开发原生移动应用的框架，它允许开发者使用JavaScript和React来构建iOS和Android应用。React-Native的代码片段可能包括`<View>`, `<Text>`, `<Image>`, `<TouchableOpacity>`...
React-native-webrtcApp:React Native WebRTC应用演示
05-07
要进行构建，您的计算机应安装适用于android的Android Studio或适用于ios的Xcode。 需要设置套接字服务器，还需要设置眩晕并打开服务器。 视频 如何设置自己的WebSocket和Stun服务器？ 更多查询？ :face_with_...
android studio 开发react native,安装android Studio和运行react native项目（跳坑篇）
weixin_31064267的博客
05-27 1329
1.需配环境变量，值为sdk的地址。ANDROID_HOME 值：E:\Users\HP\AppData\Local\Android\sdk2.下载gradle-2.14.1-all.zip 包修改地址为本地gradle压缩包的地址，这里应该注意路径不可有带空格的，比如Program Files是会出错的。先打开在android Studio导入项目要导入项目android目录下才有效，如E:\...
win10环境下在android studio的模拟器中运行react native。
xiojing的博客
04-08 2008
之前没用过android studio也没做过安卓。加上安装过程中有些文件下载在国外很麻烦。今天终于装好了环境，并且在模拟器中跑起了RN，写个简单过程纪念下。 1.按照官网步骤配置所需环境。 RN中文网地址：http://reactnative.cn/docs/0.43/getting-started.html 配置好以后有英文报错，百度一下发现是JAVA环境变量的问题。 解决：变量JAVA_H
android studio虚拟机运行react-native项目全流程（避坑笔记）
在下月亮有何贵干
01-31 1万+
年终了，给自己换了台r9000p，快乐还没享受呢，想着要先把原来电脑的环境和项目重新配置过来，开始崩溃了。公司的项目是rn的，我就配个android studio的虚拟机，给我配出心理疾病了，到处都是问题解决一个又来一个。做了流程，防止还有下一次，如果没有入坑过的可以试试全程下来，应该会少很多问题。
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...
Mac下使用android studio启动react native 项目
u012498810的博客
11-25 734
刚刚开始学习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】ReactNative Android端启动流程
03-17 969
学习需要的所有知识点的思维导图。如果你正愁这块不知道如何学习或者想提升学习这块知识的学习效率，那么这份学习笔记绝对是你的秘密武器！如果你正愁这块不知道如何学习或者想提升学习这块知识的学习效率，那么这份学习笔记绝对是你的秘密武器！（4）在 onCreate 生命周期中，判断 mMainComponentName，如果不为 null，则执行 loadApp 方法。（3）定义 createRootView 方法，在该方法中，通过 new ReactRootView，创建 ReactRootView 实例。
Windows下搭建React Native环境与Android Studio集成
cuoban的学习空间
12-27 1303
作者Blog 自己的环境如下： win10 x64专业版 nodejs 4.5 react native 0.35.0 1. 安装Nodejs Node.js官方下载地址 安装完成之后可以在命令行(不过现在我一般用PowerShell)下 ，使用node -v看看版本和是否安装成功 2. 命令行操作 安装nrm并切换到cnpm，不安装的话在后面init项目的
androidstudio虚拟机运行react-native项目踩坑指南
星海拾遗
04-12 1837
本文详细的记录了照react-native官网文档运行项目踩到的所有坑，诚然，官网只介绍了每一步，最后确实是可以正常运行项目，但是并没有涉及到每一步会出现的问题。此篇文章就每一步可能出现的问题做进一步展开。
Android Studio使用react-native-sound
09-16
Android Studio使用react-native-sound库是为了实现在React Native应用中播放音频的功能。react-native-sound是一个用于在React Native应用中处理音频文件的库。它允许你播放、暂停、停止和控制音频的音量。你可以在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值