🤖

【Flutter】アプリアイコンの設定(flutter_launcher_icons)

2022/02/13に公開

この記事について

Flutterでスマホアプリを開発する際にアプリアイコンを設定するやり方を書いています。
flutter_launcher_iconsというとんでもないLIKES数のパッケージを使用して簡単に実装しています。
個人のメモ代わりに書いていますが、
・ここ間違ってるよ！
・こうした方がいいよ！
・この説明がわかりにくい！
などありましたらお気軽にコメントください！

使用する環境

Android Studio Arctic Fox | 2020.3.1 Patch 4
macOS Monterey version12.1
使用パッケージ
- flutter_launcher_icons 0.9.2

1. アプリアイコンに使用する画像を用意する

画像を保存するフォルダを用意してください。
私はいつも下記のようにしております。

assetsフォルダを作成
imagesフォルダを作成（フォルダ名は何でも良いです）
imagesフォルダに画像を入れる

2. パッケージのインストール

flutter_launcher_iconsパッケージ
プロジェクトフォルダにいる状態のターミナルで下記コマンドを実行

flutter pub add flutter_launcher_icons

3. アイコンの設定

pubspec.yamlファイルを編集します。

pubspec.yaml

 dev_dependencies:
   flutter_test:
     sdk: flutter

+ flutter_icons:
+   android: "launcher_icon"
+   ios: true # iOSも開発する人はtrue Androidのみの開発の方はいりません
+   image_path: "assets/images/ic_launcher.png" # 画像ファイルまでのパスを記入してください

4. パッケージを実行

ここまでできたら後はパッケージを実行するだけです。
ターミナルを開いて下記を実行してください。

flutter pub get
flutter pub run flutter_launcher_icons:main

実行後問題なければ完了です。
エミュレーターを起動してアイコンを確認してみてください！

補足. エラーが発生するかも？

2022年1月30日現在、パッケージを実行すると下記のエラーが発生するかもしれません。

対策

android/app/build.gradleファイルを開いてください。
minSdkVersion flutter.minSdkVersionと記載されている箇所を修正します。

build.gradle

 defaultConfig {
         applicationId "com.example.insta_clone"
+        minSdkVersion 19
         targetSdkVersion flutter.targetSdkVersion
         versionCode flutterVersionCode.toInteger()
         versionName flutterVersionName
     }

その後、再びflutter pub run flutter_launcher_icons:mainを実行すると、無事実行できます。

おわりに

自分のメモ代わりにと思って記事にしましたが、この内容ならパッケージのサイトを見れば全て書いてあることなので、不要だったかも・・・笑
まあでも発進することで間違った認識を正してもらえる可能性もあるので無駄ではなかったと思っておきます！
ぜひ、参考にしていただければ幸いです！

Discussion

ログインするとコメントできます