前言

因?yàn)閯偨佑| RN 的安卓開發(fā), 發(fā)現(xiàn)自己添加的控件效果, 一打包就全不見了, 但是調(diào)試的時(shí)候明明都在~ 真的好氣啊!

解決方案

在這里給大家一個(gè)快速解決的方案:
打開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  //平臺(tái)類型
--dev false //是否是開發(fā)
--entry-file index.js //輸入(注意:如果你是比較早的rn版本, 輸入可能是index.android.js)
--bundle-output android/bundle/index.android.bundle //輸出  
--assets-dest android/assets  //資源文件

所以命令執(zhí)行成功后, 若報(bào)錯(cuò): not find directory, 說明沒有該目錄, 必須手動(dòng)創(chuàng)建一個(gè)assets目錄, 參考如下:

bundle位置

原理解析?

index.android.bundle是什么? 如果你點(diǎn)開會(huì)發(fā)現(xiàn): 其實(shí)就是js腳本. 它是用來調(diào)用原生控件的. 而我們調(diào)試時(shí), 是不斷從server加載到移動(dòng)端的. 打包時(shí), 通過bundle的形式加載js代碼.
所以當(dāng)你每次改變了index.js代碼, 打包前, 必須在terminal上輸入命令, 更新bundle!