React Native开发经验集React-Native 开发阵营ReactNative系列

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

2018-02-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

上一篇 下一篇

猜你喜欢

热点阅读