React-native环境配置与项目搭建

news2025/1/31 3:11:28

基础环境搭建

安装 node.js (版本>=12 ,推荐安装LTS稳定版本)
安装 Yarn (npm install -g yarn)
安装 react native 脚手架 (npm install -g react-native-cli)

windows 只能搭建Android 开发环境
Mac 下既能搭建Android 环境,也能搭建IOS开发环境

搭建安卓环境
1、安装JDL (必须是1.8版本,目前不支持更高版本 ,命令行中输入 java -version 验证安装是否成功)
在这里插入图片描述

2、安装Android Studio
3、安装Android SDK
虽然Android studio 默认会安装最新版本的 Android SDK.
但是,目前编译 React Native 应用需要的是Android 10 (Q)版本的SDK
打开 Android studio,在菜单 Tools 下找到“SDK Manager.
在这里插入图片描述
第二步
在这里插入图片描述

4、配置环境变量
查找Android SDK 安装路径

打开 Android Studio,点击菜单 Tools > SDK Manager,找到 Appearance &Behavior > System Settings > Android SDK

配置环境变量
在这里插入图片描述
设置 变量名 ANDROID_HOME
在这里插入图片描述
在path 中添加:
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin
在这里插入图片描述

初始化项目

react-native init myproject (是项目名称)
cd myproject (进入项目)
yarn android (运行项目) 或者yarn react-native run-android
如果是 ios 环境 :
cd ios && pod install && cd./
yarn ios

问题

1、如果报错:‘react-native’ 不是内部或外部命令,也不是可运行的程序
或批处理文件。
在这里插入图片描述

那就是没有安装react-native 脚手架,执行:npm install -g react-native-cli

2、如果报错TypeError: cli.init is not a function
在这里插入图片描述
产生这个问题的原因是:使用这种方式创建工程,在react-native 版本是0.69 版本上不适用。各位可以检查下自己安装的React-native的版本。
为了解决这个错误,我们要做的就是降级我们最新的 0.69 版本的 react native。要使用较旧的项目降级我们的项目,您必须执行以下命令。
运行:
npx react-native init chapter2 --version 0.68.2
就可以重新运行react-native init myproject 创建项目了

3、如果报错 error Failed to install the app.
在这里插入图片描述
检查检查 Gradle 安装配置

创建完之后,如下图
在这里插入图片描述

在开发时可以安装插件
在这里插入图片描述

调式工具

模拟器调试

  • 模拟器是安装在电脑上的,虚拟的手机界面

  • 模拟器一般跟随Android studio 和 Xcode - 一起安装

  • 启动应用,模拟器会一起启动

  • 在模拟器内 快捷键 ctrl+m

  • 点选 debug

  • 自动跳转到浏览器

真机调试

  • 打开 USB 调试模式
  • 通过USB 线将电脑和手机连起来
  • 启动应用,在手机上安装应用
    点击模拟器(使模拟器获取焦点)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/965093.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

斥资4亿,收购这家WLAN厂商,结果……

晚上好,我的网工朋友 不少朋友可能有隐形,2019年的时候,Juniper花费4.05亿美元,收购WiFi初创公司Mist Systems。 Mist Systems是一家买无线产品起家的公司,由前思科高管创建的。主打的产品是“AI-Driven WLAN”&…

linux安装firefox

1.下载对应包 https://www.mozilla.org/en-US/firefox/all/#product-desktop-release 2. 挂载桌面链接(如果/usr/bin/firefox下有的话,先删除) ln -s /opt/firefox/firefox /usr/bin/firefox 3.执行以下命令,即可启动Firefox客户端: firefox

TCP协议报文

前言 TCP/IP协议簇——打开虚拟世界大门中,已经给大家大致介绍了TCP/IP协议簇的分层。 TCP (Transmission Control Protocol)传输控制协议,在TCP/IP协议簇中,处于传输层。是为了在不可靠的互联网络(IP协议)中&#x…

LangChain学习笔记;给老师的ChatGPT使用指南;中国大模型顶级闭门会交流笔记;飞桨开源任务挑战大赛 | ShowMeAI日报

👀日报&周刊合集 | 🎡生产力工具与行业应用大全 | 🧡 点赞关注评论拜托啦! 🤖 飞桨PaddlePaddle开源任务挑战大赛,首届「开放原子开源大赛」等你参与 官网:https://competition.atomgit.com…

redis未授权访问

文章目录 搭建环境漏洞复现安装Exlopit并使用 前提条件: 1.安装docker docker pull medicean/vulapps:j_joomla_22.安装docker-compose docker run -d -p 8000:80 medicean/vulapps:j_joomla_23.下载vulhub 搭建环境 输入下面命令,来到Redis的路径下&am…

基于Open3D的点云处理16-特征点匹配

点云配准 将点云数据统一到一个世界坐标系的过程称之为点云配准或者点云拼接。(registration/align) 点云配准的过程其实就是找到同名点对;即找到在点云中处在真实世界同一位置的点。 常见的点云配准算法: ICP、Color ICP、Trimed-ICP 算法…

深入探讨梯度下降:优化机器学习的关键步骤(一)

文章目录 🍀引言🍀什么是梯度下降?🍀损失函数🍀梯度(gradient)🍀梯度下降的工作原理🍀梯度下降的变种🍀随机梯度下降(SGD)🍀批量梯度下降&#xf…

添加YDNS免费的ipv6动态域名解析

背景 又到了一年一度的dns域名到期,寻找替代了,前几年用了阿里、华为的免费域名,支持了几个搭建在NAS上的微服务;一旦涉及到域名续费,价格就比首年上去了不少,所以,打算找个长期的免费域名。 搜…

在Windows 10上部署ChatGLM2-6B:掌握信息时代的智能对话

在Windows 10上部署ChatGLM2-6B:掌握信息时代的智能对话 硬件环境ChatGLM2-6B的量化模型最低GPU配置说明准备工作ChatGLM2-6B安装部署ChatGLM2-6B运行模式解决问题总结 随着当代科技的快速发展,我们进入了一个数字化时代,其中信息以前所未有的…

python数据分析基础—pandas中set_index()、reset_index()的使用

文章目录 一、索引是什么?二、set_index()三、reset_index() 一、索引是什么? 在进行数据分析时,通常我们要根据业务情况进行数据筛选,要求筛选特定情况的行或列,这时就要根据数据类型(Series或者DataFrame)的索引情况…

小苹果他爹V5.8版本最强小苹果影视盒子增加46条内置优质单仓线路

这款软件直接使用了俊版的小苹果接口,并且许多资源似乎都是直接调用的小苹果官方资源。这样一来,小苹果的作者可能会面临版权方面的问题,而且也让更多的用户对小苹果的收费模式产生质疑。在这个信息传播如此快速的时代,开发者们应…

816. 模糊坐标

816. 模糊坐标 原题链接:完成情况:解题思路:参考代码:错误经验吸取 原题链接: 模糊坐标 完成情况: 解题思路: 参考代码: package 西湖算法题解___中等题;import java.util.Arra…

公司文件防泄密系统——「天锐绿盾透明加密系统」

「天锐绿盾透明加密系统」是一种公司文件防泄密系统,从源头上保障数据安全和使用安全。该系统采用文件过滤驱动实现透明加解密,对用户完全透明,不影响用户操作习惯。 PC访问地址: isite.baidu.com/site/wjz012xr/2eae091d-1b97-4…

贝叶斯神经网络 - 捕捉现实世界的不确定性

贝叶斯神经网络 - 捕捉现实世界的不确定性 Bayesian Neural Networks 生活本质上是不确定性和概率性的,贝叶斯神经网络 (BNN) 旨在捕获和量化这种不确定性 在许多现实世界的应用中,仅仅做出预测是不够的;您还想知道您对该预测的信心有多大。例…

ARM Cortex-M 的 SP

文章目录 1、栈2、栈操作3、Cortex-M中的栈4、MDK中的SP操作流程5、Micro-Lib的SP差别1. 使用 Micro-Lib2. 未使用 Micro-Lib 在嵌入式开发中,堆栈是一个很基础,同时也是非常重要的名词,堆栈可分为堆 (Heap) 和栈 (Stack) 。 栈(Stack): 一种…

2010-2021年上市公司和讯网社会责任评级CSR数据/和讯网上市公司社会责任数据

2010-2021年上市公司和讯网社会责任评级CSR数据 1、时间:2010-2021年 2、指标:股票名称、股票代码、年份、总得分、等级、股东责任、员工责任、供应商、客户和消费者权益责任、环境责任、社会责任、所属年份 3、样本量:4万 4、来源&#…

网工内推 | 上市公司,IT工程师、服务器工程师,IP以上优先

01 烟台睿创微纳技术股份有限公司 招聘岗位:IT工程师 职责描述: 1、负责网络及安全架构的规划、设计、性能优化; 2、负责网络设备的安装、配置、管理、排错、维护,提供网络设备维护方案; 3、负责防火墙、上网行为管理…

微机原理 || 第7章:中断系统8259 经典例题+手写解析

学习这件事应该和少菲学习,她会一个问题一个问题挨个解决,不会磨磨唧唧的, 这也不想干,那也不想做,一事无成! 新的学期,预祝姝垚和少菲可以学习进步,生活愉快,事业有成&a…

lv3 嵌入式开发-3 linux shell命令(权限、输入输出)

1 Shell概述 随着各式Linux系统的图形化程度的不断提高,用户在桌面环境下,通过点击、拖拽等操作就可以完成大部分的工作。 然而,许多Ubuntu Linux功能使用shell命令来实现,要比使用图形界面交互,完成的更快、更直接。…

系列五、Java操作RocketMQ简单消息之同步消息

一、概述 同步消息的特征是消息发出后会有一个返回值,即RocketMQ服务器收到消息后的一个确认,这种方式非常安全,但是性能上却没有那么高,而且在集群模式下,也是要等到所有的从机都复制了消息以后才会返回,适…