美文网首页
React Native修改APP图标

React Native修改APP图标

作者: 云消雾散2014 | 来源:发表于2017-08-05 21:17 被阅读0次

iOS和Android对App图标的大小是有要求的,Android对于不同屏幕分辨率也要准备多个图标,如果一个个P的话很麻烦。这里介绍一个工具rn-toolbox,仅用一条命令就能同时修改ios和Android的app图标。

安装方法:

rn-toolbox的安装文档,翻译一下流程如下:
在命令行执行这条命令

npm install -g yo generator-rn-tool

在系统里安装ImageMagick,windows下载地址https://www.imagemagick.org/script/download.php#windows
Mac用户可以用brew来安装:

brew install imagemagick

工具安装好了之后,只需在工程的根目录下执行:

yo rn-toolbox:assets --icon path/to/icon.png

图标的大小要大于192x192px,支持psd
在询问是否overwrite时输入y。这样图标就修改好了。
在命令行重新编译程序

react-native run-ios
react-native run-android

在模拟器里就能看到app的图标已经被成功修改了

参考文章:

  1. Change your React Native app icons in a single command line
  2. How to add icons to React Native app

相关文章

网友评论

      本文标题:React Native修改APP图标

      本文链接:https://www.haomeiwen.com/subject/quywlxtx.html