技術記事

micomia株式会社の井上です。今回はApp Assetsについて解説していきます。

初心者にもわかりやすく解説していくのでぜひご一読ください。

1. App Assetsとは

App AssetsはApp Settingsに存在します。

Splash, Launcher Icon, Android Adaptive Icon, Error Iconの4種類を設定することができます

2. Splash

Splashはアプリを最初に開いたときに表示される画面です。

左側に画像をアップロードすると左側にPreviewが表示されています。現在はBox FitがCoverの状態ですがこれは適切ではないので一般的によく使われているのは左にあるContainです。

もしくは、WidthとHeightをそれぞれ100pxずつにして小さめにすることもあります。

その下ではBackground ColorとPre loading Colorを設定することができます。

Disable for WebをONにするとWebサイトではSplash画面を表示しないようにできます。

3. Launcher Icon

Luncher Iconはアプリをインストールした際に端末のホーム画面に表示されるアイコンになります。

4. Android Adaptive Icon

Android Adaptive Iconは、Android 8.0以降の標準仕様となっているAdaptive Icon(Android のランチャーで違う形に切り抜かれても綺麗に見えるアイコン形式)に対応するためのものです。

FlutterFlowではForeground IconとBackground Typeを追加することで対応できるようになります。

Background TypeはColorとImageの2種類あるのでお好みに合わせて設定してください。

5. Error Image

Error Imageは、設定した画像の箇所に何か入ってあるべきにも関わらず正しく表示されない際に代わりに表示させる画像のことです。

6. さいごに

今回はApp Assetsについて解説していきました。

それぞれ違った役割のものですが意外とよく見かけるものだと思うのでぜひ実装に活かしてみてください。

本記事の内容を動画で観たい方は以下をご覧ください。

動画でもっと知りたい方はこちら