React Native修改APP图标

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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容