React Native 学习 之 环境搭建(andoid)

news/2024/7/15 18:24:48 标签: react native, 学习, react.js

依赖安装

编辑器随意,因为编译构建以及打包和编辑器无关

Node

Node 的版本应大于等于 16,需要node的原因是因为react native基于react做了很多工作,需要npm安装模块

JDK

andiod开发底层需要java需要jdk,同时react native要求jdk 11,jdk下载教程网上很多,主要是要配置好环境变量,可以javac -version查看当前jdk版本

Andoid studio

必须安装 Android Studio 来获得编译 Android 应用所需的工具和环境。安装教程看官网即可,关键是需要代理,没有代理没有办法下载
安装安装包->设置下载需求,包括sdk,这一步比较重要,需要按照官网确定勾选住需要的的资源->为下载的sdk配置环境变量,这一步必须按照官网的要求去配置,因为编译过程用到的指令都和这个有关‘

创建项目

随便找一个目录命令行执行npx react-native@latest init AwesomeProject,就可以看到生成的项目。

编译执行

进入项目,执行npx react-native run-android,会打开好几个窗口,其中一个metro窗口是提供对 js 代码进行实时打包处理服务的,输入r可以重新加载,a可以重新编译打包执行。一个是虚拟设备启动的窗口


http://www.niftyadmin.cn/n/5095441.html

相关文章

从头开始机器学习:线性回归

从头开始机器学习&#xff1a;线性回归 跟随 16 分钟阅读 28月 <> 1 一、说明 本篇实现线性回归的先决知识是&#xff1a;基本线性代数&#xff0c;微积分&#xff08;偏导数&#xff09;、梯度和、Python &#xff08;NumPy&#xff09;&#xff1b;从线性方程入手。 代…

音视频技术开发周刊 | 315

每周一期&#xff0c;纵览音视频技术领域的干货。 新闻投稿&#xff1a;contributelivevideostack.com。 OpenAI科学家最新演讲&#xff1a;GPT-4即将超越拐点&#xff0c;1000倍性能必定涌现&#xff01; GPT-4参数规模扩大1000倍&#xff0c;如何实现&#xff1f;OpenAI科学家…

加速企业云计算部署:应对新时代的挑战

随着科技的飞速发展&#xff0c;企业面临着诸多挑战。在这个高度互联的世界中&#xff0c;企业的成功与否常常取决于其能否快速、有效地响应市场的变化。云计算作为一种新兴的技术趋势&#xff0c;为企业提供了实现这一目标的可能。通过加速企业云计算部署&#xff0c;企业可以…

使用Premiere、PhotoShop和Audition做视频特效

今天接到一个做视频的任务&#xff0c;给一个精忠报国的视频&#xff0c;要求&#xff1a;   ①去掉人声&#xff0c;就是将唱歌的人声去掉&#xff0c;只留下伴奏&#xff1b;   ②截图视频中的横幅&#xff0c;做一个展开的效果&#xff0c;类似卷纸慢慢展开&#xff1b;…

Go语言入门心法(六): HTTP编程

Go语言入门心法(一): 基础语法 Go语言入门心法(二): 结构体 Go语言入门心法(三): 接口 Go语言入门心法(四): 异常体系 Go语言入门心法(五): 函数 一:go语言面向web编程认知 Go语言的最大优势在于并发与性能,其性能可以媲美C和C,并发在网络编程中更是至关重要 使用http发送请…

[Tkinter 教程08] Canvas 图形绘制

python - [译][Tkinter 教程08] Canvas 图形绘制 - 个人文章 - SegmentFault 思否 一、简介 Canvas 为 Tkinter 提供了绘图功能. 其提供的图形组件包括 线形, 圆形, 图片, 甚至其他控件. Canvas 控件为绘制图形图表, 编辑图形, 自定义控件提供了可能. 在第一个例子里, …

什么是云原生?零基础学云原生难吗?

伴随着云计算的浪潮&#xff0c;云原生概念也应运而生&#xff0c;而且火得一塌糊涂&#xff0c;但真正谈起“云原生”&#xff0c;大多数非 IT 从业者的认知往往仅限于将服务应用放入云端&#xff0c;在云上处理业务。实际上&#xff0c;云原生远不止于此。 现在越来越多的企…

react简单写一个transition动画组件然后在modal组件中应用

1. 动画组件 原理: 利用transition和class类的切换执行transition的动画效果 import React, { useEffect } from "react"; import _ from "lodash";interface IProps {name: string;children: React.ReactNode;transitionShow: boolean; } sessionStorag…