react-native开发环境搭建

最新推荐文章于 2022-12-01 14:24:08 发布
最新推荐文章于 2022-12-01 14:24:08 发布
阅读量198 收藏
点赞数
分类专栏： 前端开发 文章标签： reactnative 混合开发 Android开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jaywen1989/article/details/100701243
版权
本文档详细介绍了如何配置React Native开发环境，包括安装Android Studio、设置Android SDK、配置ANDROID_HOME环境变量以及添加platform-tools到Path。接着指导创建新项目，强调避免在System32目录初始化项目，并提供在真机或模拟器上运行应用的步骤，特别是使用Android Studio的AVD管理器创建和运行虚拟设备。
摘要由CSDN通过智能技术生成

1. 安装 Android Studio

首先下载和安装 Android Studio，国内用户可能无法打开官方链接，请自行使用搜索引擎搜索可用的下载链接。安装界面中选择"Custom"选项，确保选中了以下几项：

  • Android SDK
  • Android SDK Platform
  • Performance (Intel ® HAXM) (AMD 处理器看这里)
  • Android Virtual Device

然后点击"Next"来安装选中的组件。

如果选择框是灰的，你也可以先跳过，稍后再来安装这些组件。

安装完成后，看到欢迎界面时，就可以进行下面的操作了

2. 安装 Android SDK

Android Studio 默认会安装最新版本的 Android SDK。目前编译 React Native 应用需要的是Android 9 (Pie)版本的 SDK（注意 SDK 版本不等于终端系统版本，RN 目前支持 android4.1 以上设备）。你可以在 Android Studio 的 SDK Manager 中选择安装各版本的 SDK。

你可以在 Android Studio 的欢迎界面中找到 SDK Man

最低0.47元/天 解锁文章
jaywen1989
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React-Native官方demo(对应 最新v0.55.0版本20180620编译)
06-20
2018年6月20最新编译React-Native官方demo,可直接运行版本。对应执行如下命令： 1.D:\reactnative\RNTester> react-native bundle --platform android --dev false --entry-file js/RNTesterApp.android.js --bundle-output android/app/src/main/assets/RNTesterApp.android.bundle --assets-dest android/app/src/main/res/ 2.D:\reactnative\RNTester\android>gradlew :app:installDebug
React-Native痛点解析之开发环境搭建及扩展
03-01
本文分享的是在环境搭建和扩展中会遇到的问题与解决方案。的出现，为开发者们带来了冲动和激情，令开发者和开发者都为之痴迷。瞬间各类技术论坛、技术社区甚至出版社都争先报道其相关内容。然而对于一般的初学者来说...
React-native 搭建开发环境指导【3】-------创建新项目
打不死我的终将使我强大
12-26 243
创建新项目 项目名称：MyApp 项目版本：0.44.3 注：React Native 0.56在Windows上有BUG无法运行，请跳过这个版本。建议使用更低的版本（<=0.55） react-native init MyApp --version 0.44.3 可以再任意你想要的目标文件中创建项目。若发现命令无法实现，可以查看一下是否配置了环境变量。错误提示如下图 需要环境变量P...
windows系统安装配置react-native运行环境
weixin_34186931的博客
02-27 109
最近公司要开发react-native项目，自己在windows系统上练习了一下，过程中发现好多问题，在这里整理出来供大家参考； 一、首先来看一下reactNative官网 官网上的教程很详细，介绍了IOS和Android的环境搭建、示例教程等等，建议大家先按照官网的环境搭建教程尝试搭建， 遇到问题再上网搜索答案，这样印象会深刻一些； ...
react-native官网提供的 Demo AwesomeProject
最新发布
张火火
12-01 710
官方 demo 虽然不完整，但却是一个很好的开始。介绍完官方 Demo（包括环境配置）
React Native入门（二）之Hello World（AwesomeProject）项目介绍
苦逼的程序猿☺
07-13 2430
前言在上一篇博客中，我们介绍了RN环境的搭建，以及遇到的各种坑，历经千辛万苦，终于算是完成了！也生成了一个项目，下面呢，我们就来简单了解一下生成的这个项目及相关的问题项目目录我们使用react-native init AwesomeProject命令，生成了一个AwesomeProject的项目，这个项目呢就算是我们RN的第一个Hello World项目了！我们打开这个项目： 整个项目的目录就
VSCode搭建React Native环境
11-21
安装 React Native Tools 在插件市场搜索 react 找到 React Native Tools 进行安装： 创建的react-native的工程拖入vscode中 点击F5即可运行react-native 此时可能出现 如下界面，这是因为没有配置运行文件 在...
VSCode 配置React Native开发环境的方法
11-29
本文介绍了VSCode 配置React Native开发环境的方法，分享给大家，具体如下： 1.安装VSCode 2.安装插件 按F1 并输入 ext install 并回车, 或者使用 输入react-native安装React Native Tools 假定你已经在设备上...
React Native 搭建开发环境的方法步骤
08-29
React Native 搭建开发环境的方法步骤 React Native 是一个基于 React 的框架，用于构建跨平台的移动应用程序。为了开始使用 React Native 开发应用程序，需要先搭建开发环境。本文将详细介绍 React Native 搭建...
ReactNative-Android-MovieDemo:基于react-native-android搭建新闻app
04-28
splash animation####未解决问题：下拉刷新，页面切换时的滑动效果开发react-native android版本须知：（1）配置react-native 安卓运行环境（2）启动项目步骤：使用cmd命令行，进入工程目录，运行 node node_modules...
源代码编译React Native
09-13 621
官方参考文档： https://reactnative.cn/docs/0.46/android-building-from-source/ clean与build 问题 https://www.jianshu.com/p/fbd29a9799ee    注意： 最后一步Android Studio 导入的时候一定注意导入的是 RN项目下的android ，不是 node-module下面的...
【React Native学习之路】环境安装Window版
BT_520的博客
11-13 304
【React Native学习】环境安装Window版 安装配置JDK 如果需要运行RN(React Native简称) android项目，安装JDK是必须的，毕竟android的后台代码是java写的，没有jdk环境是运行不起来的，如果你已经安装了JDK，但是版本比较低的话，建议也安装到最新版本的jdk，安装步骤如下： 1.1 到 http://www.oracle.com/
React-native 搭建开发环境指导【5】-------编译并运行
打不死我的终将使我强大
12-26 537
这个环节是出问题最多的地方。操作很简单，遇到问题也不要慌。都能解决。 在所创建的项目路径下，打开cmd窗口。输入命令行 react-native start 这一步是在打开packager，也可以在Android Studio 自带的Terminal窗口运行命令。 可以用浏览器访问 http://localhost:8081/index.bundle?platform=android 8081...
react-native 初次编译遇到的问题
彪彪小站
11-06 486
1.安装npm 2.nodejs 也可以和上面的一起安装。 3. 安装 npm install -g react-native-cli 自己是下载别人的代码: a. npm install b. react-native run-android (编译并测试android app) 中间遇到很多什么connect reset, 什么包找不到，建议换淘宝源，或者科学上网。
Nordic52832 SD12.3官方例程ble_app_buttonless_dfu_pca10040_s132中添加ble_app_uart服务遇到的问题
hzk521521的博客
03-19 2391
1.官方例程ble_app_buttonless_dfu_pca10040_s132完整移植了ble_app_uart编译后没有错误，运行时死机。有许多情况：第一种尝试解决办法：ble_app_buttonless_dfu_pca10040_s132例程中，协议栈只允许一个服务，所以得更新服务个数。步骤：a.在static void ble_stack_init(void)中添加ble_enabl...
nordic DFU 升级功能资料整理
yytyu2017的博客
11-13 829
Nordic 蓝牙通讯DFU应用资料整理，资料来源nodic官方文档 整个flash的分布 Bootloader 移植来只SDK的例程DFU /secure_bootloader 在APP 部分添加 DFU Servics DFU升级方法有三种 1）在nRF connect Bluetooth Low Energy pc...
【react-native】0.57版本打包错误，SDK版本不匹配问题：Execution failed for task 'xxx:verifyReleaseResources'
热门推荐
公西雒的技术站
10-25 1万+
react-native版本：0.57.1 这个问题原本不是rn版本的问题，原因是0.57.1将Android SDK的版本更新到27了，这与大多第三方使用了原生代码的插件不兼容了，因为第三方更新不及时，SDK还是旧的版本。 先来看下错误日志：  error: invalid file path 'D:\xxx\node_modules\react-native-version-num...
React Native安装
了凡
01-16 586
React Native 因为项目上的需求，要调研下React Native，参考 react-native 搭建开发环境 安装 按官网的介绍，先安装node，因为我之前安装过node，导致一直报错，没办法，先把homebrew卸载了，再重新安装 卸载Homebrew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.co...
npm install -g react-native-cli 报错：errno -4048
weixin_33827965的博客
03-12 641
2019独角兽企业重金招聘Python工程师标准>>> ...
MacOS上配置React-Native跨平台开发环境
**一、React-Native环境搭建** 1. **安装基础工具** - **Node.js**: 提供JavaScript运行环境，也包含了npm（Node Package Manager）。文中显示的版本为v12.11.1。 - **npm/yarn**: 作为包管理器，用于安装和管理...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值