首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >react-native 打包流程

react-native 打包流程

原创
作者头像
conanma
发布2022-01-08 13:56:57
发布2022-01-08 13:56:57
71700
代码可运行
举报
文章被收录于专栏:正则正则
运行总次数:0
代码可运行
1.创建react-native应用
代码语言:javascript
代码运行次数:0
运行
复制
create-react-native-app helloworld
2.将开发环境结构为可定制模式
代码语言:javascript
代码运行次数:0
运行
复制
yarn eject
3.打开android studio ,从当前目录下的android子目录导入应用

选择导入新应用

选择第一步创建好的应用目录下的android子目录

3.打包jsBundle

原生应用会提供js运行环境,因此实际上还是要将应用代码打包为一个js文件,实际运行时也是在js解释器的帮助下执行,也因此与原生应用存在一定的性能差距。 回到命令行执行以下命令:

代码语言:javascript
代码运行次数:0
运行
复制
react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/
4.打包apk

回到android studio 项目中,进行如下图所示的操作:

选择build操作

打包完成提示

打包好的app

以上就是一个简单的打包react-native为android apk的过程,其中还有许多个性化的配置方案可供选择,比如是否允许开发模式等等,这些需要读者们自己去探索

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.创建react-native应用
  • 2.将开发环境结构为可定制模式
  • 3.打开android studio ,从当前目录下的android子目录导入应用
  • 3.打包jsBundle
  • 4.打包apk
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档