首页 > 其他分享 >ReactNative环境搭建

ReactNative环境搭建

时间:2024-09-24 15:53:06浏览次数:11  
标签:Native 环境 React SDK Android ReactNative 安装 环境变量 搭建


一、React Native概述

React是一个构建用户界面的JS框架,实现了数据的响应式和组件化开发,本身既可以用于Web网站项目,也可以用于创建移动端App项目。

相较于Vue.js在移动端只能构建WebApp,React生态系统中有一个可以构建“真正原生App”的扩展 —— React Native,可以这样说:“React Native是React生态圈可以傲视其它对手的绝对功臣”。

原理:React Native应用中的JS代码,在开发运行阶段会被编译为原生的Java或OC代码

React Native英文官网:https://reactnative.dev/

React Native中文网:https://www.react-native.cn/

二、React Native开发/运行环境搭建

开发平台:Windows

目标平台:Android

1.安装依赖

必须安装的依赖有:Node、JDK 和 Android Studio。

1.1安装Nodejs(版本大于V14)

下载地址:https://nodejs.org/en/download/

查看版本:node -v

1.2安装JDK(版本大于V11)

下载地址:https://www.oracle.com/java/technologies/downloads/#java11(下载需注册登录)

备用地址: https://423down.lanzouo.com/iFuI6yyvnyb

安装步骤如下:

1.下载完成打开安装包

2.修改安装路径,默认路径也可以

3.开始漫长的安装

4.安装完成,点击关闭即可

查看版本:javac -version

1.3安装Android Studio(原生Android开发必备工具)

下载地址:https://developer.android.google.cn/studio/

安装步骤:

1.打开下载好的安装包

2.点击Next

3.修改安装路径,默认也可,然后Next

4.正在安装,完成后点击Next下一步后点击Finish

5.完成后运行界面,点击Next

6.安装界面中选择"Custom"选项

7.勾选同意(Accept)所有的使用条款即可。接下来开始下载将近400MB的资料

7.内存的选择,根据情况选择就好,最好不要低于2G(2048MB)

8.然后就是next-finish完成下一步就好,在 SDK Manager 中选择"SDK Platforms"选项卡,

然后在右下角勾选"Show Package Details"。展开Android 11 ®选项,确保勾选了下面这些组件:

- Android SDK Platform 30

- Intel x86 Atom_64 System Image

然后点击"SDK Tools"选项卡,同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项,确保选中了 React Native 所必须的30.0.2版本。你可以同时安装多个其他版本

然后还是在"SDK Tools"选项卡,点击"NDK (Side by side)“,同样勾中右下角的"Show Package Details”,选择20.1.5948944版本进行安装。

最后点击"Apply"来下载和安装这些组件。

2.配置ANDROID_SDK环境变量

WIN7:计算机→属性→高级系统设置→高级→环境变量;
WIN10:此电脑→高级系统设置→环境变量。

或者直接搜索环境变量打开。

1.新建,创建一个名为ANDROID_SDK的环境变量,变量值需要填写自己安装的路径

2.修改系统环境变量Path,编辑path环境变量,添加一个%ANDROID_SDK%;

点击确定,确定,确定。所有的确定都要点才会保存好配置。然后重启Android Studio。

系统环境变量Path,编辑path环境变量,添加一个%ANDROID_SDK%;

点击确定,确定,确定。所有的确定都要点才会保存好配置。然后重启Android Studio。


标签:Native,环境,React,SDK,Android,ReactNative,安装,环境变量,搭建
From: https://blog.51cto.com/u_17032682/12100498

相关文章

  • python私有仓库搭建(Nexus)
    架构图Nexus安装1.安装dockersudodnfupdate-ysudodnfinstall-yyum-utilssudoyum-config-manager--add-repohttps://download.docker.com/linux/centos/docker-ce.reposudodnfinstall-ydocker-cedocker-ce-clicontainerd.io2.docker拉取镜像mkdir/data/......
  • 旧衣回收小程序搭建,开发功能优势
    随着人们生活水平、消费水平的提高,在日常生活中产生了大量的限制物品,为了减少浪费,越来越多的人开始重视环保回收。旧衣物作为一种新型的回收方式,也逐渐得到了大众的关注,旧衣物回收市场发展规模也在持续上升,展现出了巨大的市场发展前景。旧衣物回收的模式主要分为线上和线下,用户通过......
  • Linux集群负载均衡DR模式LVS搭建
    负载均衡DR模式LVS搭建1.基础准备(1)准备3台机器DR模式需要三台虚拟机,三台虚拟机只需要有“公网”IP,但在这种模式下又多了一个VIP。对应的机器和IP如下:调度器dir:192.168.147.130真实服务器rs1:192.168.147.131真实服务器rs2:192.168.147.132VIP:192.168.147.110(2)改名分发......
  • 基于RHEL 9 搭建 KVM 虚拟化环境
    一、准备工作1.检查硬件虚拟化支持KVM要求处理器支持硬件虚拟化技术:IntelVT-x(虚拟化技术扩展)或AMD-V(虚拟化技术扩展)。检查方法:使用以下命令检查CPU是否支持虚拟化:egrep'(vmx|svm)'/proc/cpuinfo输出含有vmx的为Intel处理器支持虚拟化输出含有svm的为A......
  • 华为Flexus云服务器搭建OnlyOffice私有化在线办公套件
    一、引言在当今数字化办公的时代,在线办公套件的需求日益增长。华为Flexus云服务器凭借其强大的性能和稳定性,为搭建OnlyOffice私有化在线办公套件提供了理想的平台。在2024年9月14日这个充满探索精神的日子里,我们开启利用华为Flexus云服务器搭建OnlyOffice的旅程。二、华为Flexus云......
  • 华为 Flexus 云服务器搭建萤火商城 2.0
    在2024年9月14日这个特别的日子,我着手利用华为Flexus云服务器搭建轻量级、高性能、前后端分离的电商系统萤火商城2.0,开启了一段充满挑战与惊喜的旅程。华为Flexus云服务器:强大的根基华为Flexus云服务器以其卓越的性能和稳定性成为搭建电商系统的理想选择。其独特的......
  • 华为 Flexus 云服务器搭建 PicGo 图床
    一、引言在这个数字化的时代,高效地管理和存储图片资源变得至关重要。2024年9月14日,我将利用华为Flexus云服务器搭建一个PicGo图床,开启一场便捷的图片管理之旅。二、华为Flexus云服务器:稳定的基石华为Flexus云服务器以其卓越的性能和高度的稳定性脱颖而出。它强大的计......
  • Anaconda创建虚拟环境失败Malformed version string ‘~‘: invalid character(s)
     notepad%USERPROFILE%\.condarccondacreate-npy38python=3.8TRANSLATEwithxEnglishArabicHebrewPolishBulgarianHindiPortugueseCatalanHmongDawRomanianChineseSimplifiedHungarianRussianChineseTraditionalIndonesian......
  • 华为Flexus云服务器搭建Cloudreve私人网盘
    一、华为云FlexusX实例:开启高效云服务新篇......
  • 【快速上手】linux环境下Neo4j的安装与使用
    一、neo4j简介 neo4j是一个非关系型图形数据库,非常适合处理具有复杂关系的数据集存储方式:图形化存储特点:将结构化数据存储在图上而不是表(比如:MySQL数据库存储在表中)中neo4j也可以看作是一个高性能的图引擎,该引擎具有成熟数据库的所有特性。数据库排名链接:https://db-engi......