6
Help us understand the problem. What are the problem?

More than 1 year has passed since last update.

posted at

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

お疲れ様です。

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

アプリのアイコン変更

  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

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Sign upLogin
6
Help us understand the problem. What are the problem?