React Native 离线包/图片资源

1). 打包

进入项目根目录（如图1，anubis为项目名）执行命令

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文件夹，如果不存在，创建即可

2). 打包文件

进入"android/app/src/main/assets/"全部打包

图2.png

并将压缩包推送到手机内存卡中, 并在手机中解压

adb push bundle.zip /mnt/sdcard/

其中bundle.zip文件在桌面，"/mnt/sdcard/"是手机内存卡路径

图3.png

3). 打包App

• 修改app/build.gradle文件

project.ext.react = [
        // false: 不将index.android.bundle文件打包进assets文件夹
        // true: 将index.android.bundle文件打包进assets文件夹
        bundleInDebug: false,
        bundleInUat  : false,
        bundleInRelease: true
]

• 直接使用Android Studio运行项目, 即可成功出现app界面