React Native的环境搭建及打包

• Z时代
• 2024-01-10
• 分类：综合

React Native的环境搭建及打包

• 有个屁放
• ReactNative 的优势
• 搭建环境
• 通过expo打包

有个屁放

第一次写CSDN的博客，如果大家看了感觉有帮助的话，点个关注或者赞，给个动力

如果发现了什么错误或者有何建议/问题 欢迎轰炸

好了， 屁放完了， 上干货

ReactNative 的优势

1、跨平台性（用ReactNative 编写的代码可以在iOS和Android上通用）

2、性能更佳； 比混合开发和 HTML封装的性能好

3、支持动态跟新，不用重新下载

ReactNative官网 这个官网的坑少

搭建环境

1. 安装官方脚手架expo-cli¹
   

   npm install -g expo-cli (npm慢的话，可以先安装nrm²: npm install nrm)

2. 有了脚手架以后， 就可以使用脚手架进行项目的初始化了
   

   expo init ProjectName
   

   (1、会先让你选择安装的模板： 空白的， 还是 带tabBar的
   
   

   2、会让你选择 使用哪个工作流 选默认的就行
   

   3、输入一些初始配置 name 和 slug
   

   4、是否要用yarn³ 管理依赖 可选可不选 推荐使用)

3. 启动项目
   

   expo start 或 yarn start 具体看package.json
   

   启动完项目以后会有一个二维码
   

   点击打开就行了

4. 真机调试
   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