前言
因为刚接触 RN 的安卓开发, 发现自己添加的控件效果, 一打包就全不见了, 但是调试的时候明明都在~ 真的好气啊!
解决方案
在这里给大家一个快速解决的方案:
打开terminal, 输入:
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/
命令解析
好奇的小伙伴一定问: 这是啥?
react-native bundle
--platform android //平台类型
--dev false //是否是开发
--entry-file index.js //输入(注意:如果你是比较早的rn版本, 输入可能是index.android.js)
--bundle-output android/bundle/index.android.bundle //输出
--assets-dest android/assets //资源文件
所以命令执行成功后, 若报错: not find directory, 说明没有该目录, 必须手动创建一个assets目录, 参考如下:
bundle位置
原理解析?
index.android.bundle是什么? 如果你点开会发现: 其实就是js脚本. 它是用来调用原生控件的. 而我们调试时, 是不断从server加载到移动端的. 打包时, 通过bundle的形式加载js代码.
所以当你每次改变了index.js代码, 打包前, 必须在terminal上输入命令, 更新bundle!
