App icon

2022-04-02 hit count image

try to make app icon by using generator-rn-toolbox

Deprecated

generator-rn-toolbox is Deprecated, so this blog post is not managed any more.If you want to make App icon easily, I recommend to use react-native-make that is a new library of generator-rn-toolbox.

If you want to know more, see the blog below.

outline

this blog introduces how to make app icon by using generator-rn-toolbox on Mac osx

prepare app icon image

prepare 1024x1024px size png image for app icon.

install libraries

install reuqired libraries using below code.

npm install -g yo generator-rn-toolbox
  • generator-rn-toolbox: this is tools for support RN projects. if you want to know details, see official site.(official site: generator-rn-toolbox)
  • yo: this is a library for executing generator-rn-toolbox library.

you should install imagemagick for creating app icons.

brew install imagemagick

how to use

  • execute below code for creating app icons.
yo rn-toolbox:assets --icon <path to your icon>

done! app icons were created and applied to the project. let’s check it by executing RN project

# iOS
react-native run-ios

# Android
react-native run-android

if app icons is not applied, remove your app from the simulator or phone and try again.

reference

Was my blog helpful? Please leave a comment at the bottom. it will be a great help to me!

App promotion

You can use the applications that are created by this blog writer Deku. 지금 보고 계신 블로그를 작성하는 Deku가 개발한 앱을 한번 사용해보세요.
Deku created the applications with Flutter.

If you have interested, please try to download them for free.

Posts