react-native 打包流程

2022-01-08 13:56:57 浏览数 (1)

1.创建react-native应用
代码语言:javascript复制
create-react-native-app helloworld
2.将开发环境结构为可定制模式
代码语言:javascript复制
yarn eject
3.打开android studio ,从当前目录下的android子目录导入应用

选择导入新应用

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

3.打包jsBundle

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

代码语言:javascript复制
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的过程,其中还有许多个性化的配置方案可供选择,比如是否允许开发模式等等,这些需要读者们自己去探索

0 人点赞