React Native 安卓调试和打包 效果不同问题解决

前言

因为刚接触 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!