为React-Native项目自动适配xcode图标

作者: 叶枫酒吧 | 来源:发表于2018-02-09 12:09 被阅读164次

最近在做React-Native项目,每次手动配置xcode的appicon图,感觉很是乏味,重复的操作都应该被机器替代,所以就找度娘了,折腾了半天还是没有找到相关的插件,偶然看了一下cordova的api发现一个很好使的插件:cordova-icon,他可以自动生成xcode下的各种appicon,很神奇,然后就参考这个插件自己捣鼓了一个React-Native下针对ios生成appicon适配的npm包,生成appicon之后修改了对应的contents.json这样xcode倒入项目之后就不用再手动拖入对应的icon了,解放双手,附上插件用法和配置截图截图&插件信息&地址:

xcode导入项目后的效果 修改contents后的数据结构 插件生成所需要的appicon图标 终端命令效果 在根目录下放置要生成的appicon

react-native-autoicon

Automatic icon resizing for ReactNative. Create an icon in the root folder of your ReactNative project and use ReactNative-icon to automatically resize and copy it for all the platforms your project supports (currenty works with iOS).

this project inspired by cordova-icon thanks for alex101

Installation

$ brew install imagemagick

$ sudo npm install react-native-autoicon -g

Usage

Create an icon.png file in the root folder of your ReactNative project.

Then run:

$ autoicon

# if your projectname not package.json name you can add params

$ autoicon --name 'your project name'


插件地址:https://git.coding.net/yefengbar/React-Native-Icon.git

相关文章

网友评论

    本文标题:为React-Native项目自动适配xcode图标

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