ITPub博客

首页 > IT职业 > IT职场 > React-native 开发之: 安卓(android) app 打

React-native 开发之: 安卓(android) app 打

IT职场 作者:standist 时间:2021-09-09 09:51:27 0 删除 编辑

图标生成

1.生成图标资源( 不会偷懒的程序员,不是好程序员 )

图片描述

Paste_Image.png

  • 3.输入邮箱地址,点击下载

图片描述

Paste_Image.png

2.导入图片资源

  • 1.解压并打开下载的 zip 文件,目录如下

图片描述

Paste_Image.png

  • 2.复制 android 目录下的所有文件到 react-native 项目的AwesomeProjectandroidappsrcmainres资源目录下

图片描述

Paste_Image.png

更改app 的名字

效果如图

图片描述

Paste_Image.png

用 sublime(或者你自己喜欢的编辑器) 打开 AwesomeProjectandroidappsrcmainresvalues 目录下 的strings.xml文件,将文件下的 name=app_name节点的值改为自己的app名字 ,重新运行项目即可

优选
  • 如果你想现在就见到效果,直接 run > Run 'app' 即可,截图如下(大牛请直接跳过)

图片描述

第一步

图片描述

第二步

图片描述

第三步

  • 如果你想安装到手机,生成 apk(debug包)直接装手机上即可

图片描述

Paste_Image.png

  • apk生成在AwesomeProjectandroidappbuildoutputsapk   目录下【注debug包安装之后运行需要开发服务器】

生成签名包

图片描述

第一步

图片描述

第二步

图片描述

选择文件保存的位置并输入名字

图片描述

Paste_Image.png

图片描述

Paste_Image.png

图片描述

我们要打正式包,所以选择release

生成的apk在 androidapp目录下 app-release.apk

!!!!!到这步好像生成了apk,是不是大功告成了???然后我试了之后发现并没有!!!!!!
那么怎么做??

  • 第一步  在helloandroidappsrcmain 目录下新建 assets 文件夹【注意,文件夹名不能错】

  • 第二步  在hello目录下运行以下命令

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/res/

图片描述

运行截图

图片描述

生成结果

OK!!!!重新执行生成签名包 ,过程即可



作者:小枫学幽默
链接:https://www.jianshu.com/p/42d6e36e1445


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1334/viewspace-2813494/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: java中的注解种类
下一篇: Docker 教程
请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    99
  • 访问量
    1028