App icon

Deprecated

このブログポストはgenerator-rn-toolboxがDeprecatedされたのでもう管理しません。generator-rn-toolboxの新しいライブラリであるreact-native-makeを使うことをおすすめします。

react-native-makeに関しては下記のブログをご参考してください。

mac osx上で generator-rn-toolboxを使ってアプリアイコンを作る方法を説明します。

アプリアイコンで使う1024x1024pxサイズのイメージを準備します。

下記のコマンドでライブラリをインストールします。

npm install -g yo generator-rn-toolbox

generator-rn-toolbox: RNのプロジェクトを助けてくれるツールを提供してるライブラリです。詳しくは公式サイトを参考して下さい。（公式サイト：generator-rn-toolbox）
yo: generator-rn-toolboxを起動するためのライブラリです。

アプリアイコンを生成するためにはimagemagickのインストールが必要です。

brew install imagemagick

yo rn-toolbox:assets --icon <path to your icon>

アイコンが生成してプロジェクトへ反映しました。プロジェクトを実行してアイコンが反映されたかを確認しましょう。

# iOS
react-native run-ios

# Android
react-native run-android

アイコンがちゃんと表示できない方はシミュレータまたは端末のアプリを削除してもう一度プロジェクトを実行して見てください。

私のブログが役に立ちましたか？下にコメントを残してください。それは私にとって大きな大きな力になります！

今見てるブログを作成たDekuが開発したアプリを使ってみてください。
Dekuが開発したアプリはFlutterで開発されています。

興味がある方はアプリをダウンロードしてアプリを使ってくれると本当に助かります。