[Flutter] アプリのアイコン変更

2023-03-18 hit count image

今回のブログポストではFlutterでアプリのアイコンを変更する方法について説明します。

概要

Flutterを使ってアプリを開発してみようかと思います。今回のブログポストではFlutterでアプリのアイコンを変更する方法について説明します。

アプリのアイコンを変更するためにはアンドロイドとiOSに合わせてイメージを生成して、各プラットフォームにアプリのアイコンを設定する必要があります。しかし、flutter_launcher_iconsパッケージを使うと、アプリのアイコンをもっと簡単に変更することができます。

イメージファイルの準備

まず、アプリのアイコンに使うイメージが必要です。イメージファイルは下記の条件に合わせて作る必要があります。

  • PNGファイル
  • 1024px x 1024px以上のサイズ
  • ファイルサイズは最大1024KB

準備したファイルをassets/images/app_icon.pngに保存します。

flutter_launcher_iconsのインストール

flutter_launcher_iconsパッケージを使うため、flutter_launcher_iconsパッケージをインストールする必要があります。

下記のコマンドを実行してflutter_launcher_iconsパッケージをインストールします。

flutter pub add flutter_launcher_icons --dev

アプリのアイコン設定

次はアプリのアイコンで生成するイメージファイルを設定する必要があります。flutter_launcher_iconsを設定するため./flutter_launcher_icons.yamlファイルを生成して、下記のように修正します。

flutter_icons:
  ios: true
  android: true
  image_path: "assets/images/app_icon.png"
  remove_alpha_ios: true

アプリのアイコン生成

下記のコマンドを実行して、flutter_launcher_iconsパッケージを使ってアプリのアイコンを生成します。

flutter pub run flutter_launcher_icons:main

確認

Flutterのプロジェクトを再実行すると、次のようにアプリのアイコンが上手く変更されたことが確認できます。

Flutter - App icon

完了

これでFlutterでアプリのアイコンを変更する方法についてみてみました。flutter_launcher_iconsのパッケージを使うとこのように簡単にFlutterのアプリのアイコンを変更することができます。

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

アプリ広報

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

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

Posts