一、React Native概述
React是一个构建用户界面的JS框架,实现了数据的响应式和组件化开发,本身既可以用于Web网站项目,也可以用于创建移动端App项目。
相较于Vue.js在移动端只能构建WebApp,React生态系统中有一个可以构建“真正原生App”的扩展 —— React Native,可以这样说:“RN是React生态圈可以傲视其它对手的绝对功臣”。
| 原理:RN应用中的JS代码,在开发运行阶段会被编译为原生的Java或OC代码 |
RN英文官网:https://reactnative.dev/
RN中文网:https://www.react-native.cn/
最新版本: 0.67
创建一个RN空白脚手架项目
1.安装Node.js 和JDK
官网详细说明:https://www.react-native.cn/docs/environment-setup
安装Node.js(V12+)和JDK(V11+)
node -v
javac -version
| JDK下载地址: https://423down.lanzouo.com/iFuI6yyvnyb |
| 一路“Next”即可完成安装 |
2.下载安装Android Studie
| 下载地址:https://developer.android.google.cn/studio/ |
| 一路“Next”即可完成安装,完成后默认会启动AndroidStudio |
3、运行Android Studio,安装Android SDK——开发Android应用必需的模块(类似于node_modules
4.配置系统变量 :创建ANDROID_HOME.修改Path
可能形如:
C:/Users/用户名/AppData/Local/Android/Sdk
也可能形如:
C:Users用户名Downloadsadt-bundle-windows-x86_64-20130522adt-bundle-windows-x86_64-20130522sdk
5.下载EN脚手架工具,创建空白项目:npx react-native init 项目名
6.编译EN项目,得到aok文件,npx react-native run -android



