Expo项目(React Native)进行打包构建

748 阅读1分钟

针对Expo框架开发的app项目

第一步: 下载 eas-cli

npm install -g eas-cli

第二步: 注册Expo账户并登录

进入expo官网 expo.dev/ 注册登录账号

记住账号(用户名)和密码

第三步:在命令行窗口使用注册的用户和密码登录 expo

expo login

输入自己的账号 和 密码

第四步:在expo中新建项目

image.png

第五步: 初步构建 和 配置

eas build:configure

此时在 app.json 里则会生成 projectId(与expo cli项目中的id一致) 和 owner (用户名)

image.png

第六步: 在expo cli中 Builds 生成 apk 安装包

eas build -p android --profile preview

image.png 构建失败则去构建过程中查找失败原因

第七步:编译成功后,下载安装包即可

image.png

可能出现的问题(bug)

当打开apk安装包时,可能出现以下bug:

image.png

很有可能是你的react native版本过低 不支持,在此之前,需要确保项目中有 “android” 目录,将Expo项目进行预编译。

注意: iOS平台只能在Mac电脑上进行预编译, Windows仅能预编译Android平台:

npx expo prebuild

找到项目中的 android\app\build.gradle文件,添加以下代码:

image.png

总之,在apply from 之前添加 即可。