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

依赖安装

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

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可以重新编译打包执行。一个是虚拟设备启动的窗口

相关推荐
符方昊15 小时前
React 19 对比 React 16 新特性解析
前端·react.js
不会敲代码116 小时前
前端组件化样式隔离实战:React CSS Modules、styled-components 与 Vue scoped 对比
css·vue.js·react.js
阿虎儿17 小时前
React Hook 入门指南
前端·react.js
阿虎儿19 小时前
React Context 详解:从入门到性能优化
前端·vue.js·react.js
青青家的小灰灰1 天前
React 反模式(Anti-Patterns)排查手册:从性能杀手到逻辑陷阱
前端·javascript·react.js
青青家的小灰灰1 天前
告别 Prop Drilling:Context API 的陷阱、Reducer 模式与原子化状态库原理
前端·javascript·react.js
ssshooter2 天前
看完就懂 useSyncExternalStore
前端·javascript·react.js
Live000002 天前
在鸿蒙中使用 Repeat 渲染嵌套列表,修改内层列表的一个元素,页面不会更新
前端·javascript·react native
青青家的小灰灰2 天前
迈向全栈新时代:SSR/SSG 原理、Next.js 架构与 React Server Components (RSC) 实战
前端·javascript·react.js
青青家的小灰灰2 天前
透视 React 内核:Diff 算法、合成事件与并发特性的深度解析
前端·javascript·react.js