React Native 離線包/圖片資源

1). 打包

進(jìn)入項(xiàng)目根目錄（如圖1，anubis為項(xiàng)目名）執(zhí)行命令

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/assets/

圖1.png

注：打包時一定要確保"android/app/src/main/路徑下存在assets文件夾，如果不存在，創(chuàng)建即可

2). 打包文件

進(jìn)入"android/app/src/main/assets/"全部打包


圖2.png

并將壓縮包推送到手機(jī)內(nèi)存卡中, 并在手機(jī)中解壓

adb push bundle.zip /mnt/sdcard/

其中bundle.zip文件在桌面，"/mnt/sdcard/"是手機(jī)內(nèi)存卡路徑

圖3.png

3). 打包App
  • 修改app/build.gradle文件
project.ext.react = [
        // false: 不將index.android.bundle文件打包進(jìn)assets文件夾
        // true: 將index.android.bundle文件打包進(jìn)assets文件夾
        bundleInDebug: false,
        bundleInUat  : false,
        bundleInRelease: true
]
  • 直接使用Android Studio運(yùn)行項(xiàng)目, 即可成功出現(xiàn)app界面
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容