React Native的环境搭建及打包
React Native的环境搭建及打包
有个屁放
第一次写CSDN的博客,如果大家看了感觉有帮助的话,点个关注或者赞,给个动力
如果发现了什么错误或者有何建议/问题 欢迎轰炸
好了, 屁放完了, 上干货
ReactNative 的优势
1、跨平台性(用ReactNative 编写的代码可以在iOS和Android上通用)
2、性能更佳; 比混合开发和 HTML封装的性能好
3、支持动态跟新,不用重新下载
ReactNative官网 这个官网的坑少
搭建环境
-
安装官方脚手架expo-cli1
npm install -g expo-cli (npm慢的话,可以先安装nrm2: npm install nrm) -
有了脚手架以后, 就可以使用脚手架进行项目的初始化了
expo init ProjectName
(1、会先让你选择安装的模板: 空白的, 还是 带tabBar的
2、会让你选择 使用哪个工作流 选默认的就行
3、输入一些初始配置 name 和 slug
4、是否要用yarn3 管理依赖 可选可不选 推荐使用) -
启动项目
expo start 或 yarn start 具体看package.json
启动完项目以后会有一个二维码
点击打开就行了 -
真机调试
iOS: App Store下载: Expo Client;
然后用相机扫描二维码 会出现提示
点击【在“Expo”中打开】就行了Android:
1、进入网站 https://apkpure.com 如果被墙了。。。各位同学请自己想办法吧~
2、搜索 expo 选一个最新的安装包
3、扫码
4、如果扫码失败 输入 exp:// 192. ….类似于这样的地址
5、然后点击下面的选项
6、如果还是不能调试, 打开下面的log查看具体原因
通过expo打包
首先确保是通过expo-cli来构建的项目
Android打包: expo build:android
ios打包: expo build:ios