android studio 开发react native,安装android Studio和运行react native项目（跳坑篇）

最新推荐文章于 2024-03-18 02:00:57 发布
最新推荐文章于 2024-03-18 02:00:57 发布
阅读量1.3k 收藏 2
点赞数 1
文章标签： android studio 开发react native
本文详细介绍了在Android Studio中开发React Native项目的步骤，包括环境配置、解决安装和运行过程中的问题，以及应对运行时可能出现的白屏和性能调试。同时，提到了项目上传到GitHub的流程和React Native在Web浏览器上的运行可能性。
摘要由CSDN通过智能技术生成

1.需配环境变量，值为sdk的地址。

ANDROID_HOME  值：E:\Users\HP\AppData\Local\Android\sdk

2.下载gradle-2.14.1-all.zip 包

b207ecdb14e0c03ae336062a9a6fe46e.png

修改地址为本地gradle压缩包的地址，这里应该注意路径不可有带空格的，比如Program Files是会出错的。

先打开在android Studio导入项目

要导入项目android目录下才有效，如E:\Project\RN\AwesomeProject\android

b7e97b93c9fc095c68590140194df51e.png

启动模拟器

56467e21fb9b8de98c0ba8924571907e.png

cmd 在项目目录下执行 react-native run-android

最低0.47元/天 解锁文章
UnstructuredIO
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
android studio 开发react native,React-Native-Android-Studio整合开发+环境配置+官方实例
weixin_34966742的博客
05-27 1086
React-Native-Android-Studio整合开发+环境配置+官方实例React-Native-Android-Studio整合开发+环境配置+官方实例linux下React Native开发环境搭建，使用Android-studio工具进行React Native整合开发。参考React Native的官方文档，通过图文详细记录开发过程。可以查看本文档中涉及Github源码。步骤1，...
react-native搭建android studio环境注意的问题
weixin_45315794的博客
04-08 1326
在打开下载的Android Studio后 ，找到更多设置（不同Android studio叫法不一样）中SDK Manager，其中有Android SDK，点击勾选右下方的Show Package detail，选择适配自己项目的SDK版本下载，在实际开发中，有些比较老的项目，对于node的依赖是比较老的，就会存在，不同的版本对node依赖不同，尽管新的nodejs版本会兼容老版本的nodejs，但仍然会存在一些不同问题，那么本地管理不同的node版本，是很有必要的，我用到的是nvm。
使用Android studio 运行react-native项目
weixin_34257076的博客
05-20 911
小白尝新,第一次运行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 3215
第一次使用Android studio运行react-native开发的App，不知道怎样去启动项目 失败方式 以下均失败： 1、在项目目录下执行：react-native run-android 2、在项目目录下执行：react-native start 3、在Android studio中点击运行按钮 前两个无法连接模拟器，最后一个运行报错 正确方式 ...
android studio虚拟机运行react-native项目全流程（避坑笔记）
在下月亮有何贵干
01-31 1万+
年终了，给自己换了台r9000p，快乐还没享受呢，想着要先把原来电脑的环境和项目重新配置过来，开始崩溃了。公司的项目是rn的，我就配个android studio的虚拟机，给我配出心理疾病了，到处都是问题解决一个又来一个。做了流程，防止还有下一次，如果没有入坑过的可以试试全程下来，应该会少很多问题。
Android原生项目集成React Native的方法
08-28
Android原生项目集成React Native的方法是指在Android项目中集成React Native框架，以便使用React Native开发Android应用程序。下面是在Android项目中集成React Native的详细步骤。 首先，需要准备开发环境。准备...
Android原生项目集成最新版本ReactNative
01-30
在Android原生项目中集成最新版本的React Native是一项常见的任务，尤其对于希望利用React Native的JavaScript开发优势同时保持原生性能的应用来说。本教程将详细指导你如何将React Native逐步集成到你的Android应用...
react-native-console：:puzzle_piece:一个IDEAWebStormAndroid Studio插件，用于一键式在嵌入式终端中运行React Native命令
02-05
React本机控制台 节点： 该分支包含免费版本的源代码，还包括使用InlayProvider在代码编辑器中显示的代码，以显示JavaScript函数的用法。... 请使用react-native-console-free.jar在带有React或React Native项目的
原有android项目接入react-native|CapManage.zip
11-19
5. **运行项目**：在Android Studio中打开项目，运行`react-native run-android`命令，编译并启动应用。 **API请求支持await-async和promise：** React-Native中，我们可以使用fetch API或第三方库如axios来发送...
react native 专用 android studio
01-14
react native 专用 android studio 共6个 6个一起解压
Android原生嵌入React Native详解
09-01
本篇文章将详细介绍如何在Android原生项目中集成React Native，以及涉及到的关键技术和步骤。 1. **初始化React Native项目** 首先，我们需要创建一个新的React Native项目。这可以通过运行`react-native init ...
android-studio 打开react-native android
targetcloud
12-15 9771
android-studio 打开react-native android
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 来运行 react native
weixin_45225340的博客
03-18 436
本文详细的记录了照react-native官网文档运行项目踩到的所有坑，诚然，官网只介绍了每一步，最后确实是可以正常运行项目，但是并没有涉及到每一步会出现的问题。在android右上方点击device-manager图标来新建虚拟机，随便选取一个设备点击next，然后选择我们提前下载好的镜像。使用vscode打开新建好的项目，使用npm run android命令运行项目马上会出现一个坑。贴出下载地址，可以用迅雷直接复制下载。在用户变量或者系统变量中找到一个path的变量点开，加上如下四个变量名保存。
win10环境下在android studio的模拟器中运行react native。
xiojing的博客
04-08 2004
之前没用过android studio也没做过安卓。加上安装过程中有些文件下载在国外很麻烦。今天终于装好了环境，并且在模拟器中跑起了RN，写个简单过程纪念下。 1.按照官网步骤配置所需环境。 RN中文网地址：http://reactnative.cn/docs/0.43/getting-started.html 配置好以后有英文报错，百度一下发现是JAVA环境变量的问题。 解决：变量JAVA_H
在Android Studio 中运行React Native 项目
kiku
06-29 2763
项目根目录执行命令安装开发依赖yarn，检查项目SDK、NDK、JDK否配置正确，点击 Android Studio 里下载原生依赖，全部下载完毕，点击运行编译项目
react-native--启动androidStudio虚拟机
你猜我猜不猜
04-11 2060
在经历一系列艰难把react-native的安卓原生环境搭建好之后，启动虚拟机又出现了bug。在点击如图所示的虚拟机启动按钮时，报错如下：emulator: ERROR: x86 emulation currently requires hardware acceleration! 看字面意思是启动虚拟机需要硬件加速，所以我做了如下几个步骤： 1.点击左侧的功能栏上面的tools->SDK ...
android studio创建react native项目
bestyinjun的专栏
11-30 821
android studio创建react native项目
简历-求职简历-word-文件-简历模版免费分享-应届生-高颜值简历模版-个人简历模版-简约大气-大学生在校生-求职-实习
最新发布
08-25
简历-求职简历-word-文件-简历模版免费分享-应届生-高颜值简历模版-个人简历模版-简约大气-大学生在校生-求职-实习 简历是展示个人经历、技能和能力的重要文档，以下是一个常见的简历格式和内容模板，供您参考： 简历格式： 头部信息：包括姓名、联系方式（电话号码、电子邮件等）、地址等个人基本信息。 求职目标（可选）：简短描述您的求职意向和目标。 教育背景：列出您的教育经历，包括学校名称、所学专业、就读时间等。 工作经验：按时间顺序列出您的工作经历，包括公司名称、职位、工作时间、工作职责和成就等。 技能和能力：列出您的专业技能、语言能力、计算机技能等与职位相关的能力。 实习经验/项目经验（可选）：如果您有相关实习或项目经验，可以列出相关信息。 获奖和荣誉（可选）：列出您在学术、工作或其他领域获得的奖项和荣誉。 自我评价（可选）：简要描述您的个人特点、能力和职业目标。 兴趣爱好（可选）：列出您的兴趣爱好，展示您的多样性和个人素质。 参考人（可选）：如果您有可提供推荐的人员，可以在简历中提供其联系信息。 简历内容模板： 姓名: 联系方式: 地址: 求职目标: （简短描述您的求职意
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、付费专栏及课程。

余额充值