您现在的位置是:首页 > 文章详情

React Native 离线包/图片资源

日期:2018-07-03点击:346
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/ 

img_93a393aa3e6637231948c52b0905715c.png
图1.png

注:打包时一定要确保"android/app/src/main/路径下存在assets文件夹,如果不存在,创建即可

2). 打包文件

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


img_6e5b49cdfadef89d659bdf33bedc48f8.png
图2.png

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

adb push bundle.zip /mnt/sdcard/ 

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

img_f6e19cde4613b0ff4a2a0524a4756f11.png
图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界面
原文链接:https://yq.aliyun.com/articles/663284
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。

文章评论

共有0条评论来说两句吧...

文章二维码

扫描即可查看该文章

点击排行

推荐阅读

最新文章