目录

如何使用Expo打包react-native项目,并输出apk格式的安装包

目录

如何使用Expo打包react-native项目,并输出apk格式的安装包

在打包之前,确保你的项目能通过expo start命令正常跑起来,再进行打包。如果你想知道怎么在Expo上运行react-native项目,可以去看我之前写的一篇文章:

打包步骤如下:

1.安装eas-cli, eas-cli是Expo的应用服务工具,提供 、 和 等功能,需要独立于Expo额外安装

npm install -g eas-cli

https://i-blog.csdnimg.cn/direct/309d7f685b1f41e0966cca47b072b5dd.png

2.注册Expo账户并登录   expo官网

https://i-blog.csdnimg.cn/direct/4e168b3799d644dcae741853580fbb53.png

3.在命令行窗口使用注册的用户和密码登录expo

expo login

https://i-blog.csdnimg.cn/direct/078bae4f703740efa665e6ea7892e385.png 再次输入expo login如有上述提示则表示登录成功

4.输入如下命令后,出现All, ios, Android,这里选择Android

eas build:configure

https://i-blog.csdnimg.cn/direct/c3397bea3b0e495989ebb9477973463b.png

5.输入如下命令后,提示:Build finished 则打包成功

eas build --platform android

https://i-blog.csdnimg.cn/direct/eefafd7448d049ceb84f64cef0ebfb35.png

https://i-blog.csdnimg.cn/direct/3343f2f22f5a4e51a8297e301e2b2052.png 点击下载得到一个aab文件 https://i-blog.csdnimg.cn/direct/2da7903026a24d3eb18cf227be733493.png

https://i-blog.csdnimg.cn/direct/f4c048f42e3147569c79dd8e402da018.png 6.如果需要apk的包,则输入如下命令:

eas build -p android --profile preview

出现如下图所示则表示打包成功

https://i-blog.csdnimg.cn/direct/e0dd1642f8cb4f32ad88bf79291f18dd.png https://i-blog.csdnimg.cn/direct/db54793f0c3648f3ae3612eb934c7510.png 点击Download build可以下载APK 格式的安装包

https://i-blog.csdnimg.cn/direct/08c17cca2d4b4878bee4986b4cb778e0.png

https://i-blog.csdnimg.cn/direct/9893b1fcb089426e97ffbb36157c2562.png 7.默认启动图标是这样的:

https://i-blog.csdnimg.cn/direct/b2ebaccd871c4e7c9f25888ebc78a88a.png

可以在app.json文件中修改icon属性对应的路径

https://i-blog.csdnimg.cn/direct/726b9ff7162441509bc28dd4557db20e.png