14
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Flutterのアプリアイコン変更方法 #Flutter #アイコン変更

Posted at

お疲れ様です。

今回は、アプリのアイコン(アプリを選択するときの、小さくて四角いアイコン)の変更方法を紹介します。

##アプリのアイコン変更

  1. アプリのアイコン用に画像を変換
  2. 変更したアイコンを「android」と「ios」のアプリアイコンが格納されているフォルダに格納

以上です。意外とシンプルですよね。
目に見える部分なので、
簡単なのに達成感があるかと思います。

####具体例

結果

変更前
スクリーンショット 2020-05-10 22.10.16.png
画像1 変更前のアイコン

変更後
スクリーンショット 2020-05-11 1.00.52.png
画像2 変更後のアイコン

実手順

事前準備

  • アイコンに使う画像

アプリのアイコン用に画像を変換します。
今回はアプリアイコンジェネレーターを使用して変換します。
上記URLの画面にて画像を選んで、ジェネレートボタンを押すだけです。
ボタン押下後ファイルが自動でダウンロードされます。
ダウンロードファイルは下記のような構成となります。
スクリーンショット 2020-05-11 0.46.33.png
画像3 ダウンロードファイルの構成

変更したアイコンを「android」と「ios」のアプリアイコンが格納されているフォルダに格納(上書き)します。

  • android : mipmap系
  • ios : AppIcon.appiconset
    を上書きします。
スクリーンショット 2020-05-11 0.50.55.png

アプリをビルドするとアイコンが変わっています。

以上 ありがとうございました。

毎週、Flutter関連で情報発信するのでよろしくお願いします。
TO「先輩方」
ご意見ご鞭撻のほど、よろしくお願いいたします。
@kyota_kobayashi

14
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
14
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?