React Native 离线包/图片资源

  • Z时代
  • 2024-01-10
  • 分类：综合

react

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界面

以上是 React Native 离线包/图片资源 的全部内容， 来源链接： utcz.com/z/383492.html

回到顶部