Automatic icon resizing for React Native. Inspired by cordova-icon.

Introduction

This simple tool allows you to create a single icon in your react-native project, then create icons of all required sizes from it. It currently works for iOS and Android.

This project is inspired by Alex Disler's superb cordova-icon project.

Installation

Install with:

npm install react-native-icon

You will need imagemagick installed:

brew install imagemagick sudo apt-get install imagemagick sudo yum install imagemagick

Usage

Add an icon named icon.png to your project root. Then run:

./node_modules/.bin/react-native-icon

The image should be at least 192x192 pixels and square.

If an iOS project is present, then the icon will be copied at all required sizes to:

./ios/<ProjectName>/Images.xcassets/AppIcon.appiconset

If an Android project is present, then the icon will be copied at all required sizes to:

./android/app/src/main/res

Coding

This section will guide you on how to develop with this project.

Creating a Release

To create a release.

Merge your work to master.

Use nvm version to bump, e.g. nvm version patch

to bump, e.g. Push and deploy git push --tags && git push && npm deploy

License

MIT