flutter_native_splash使ってみた

要約

• Splashとは？
• flutter_native_splashを使ってみる
• Android実装時の注意点
  • OS 12の注意点
  • Flutter2.5以上ではAndroidManifestのmeta dateを消す
• 感想
• 参考記事

Splashとは？

アプリを立ち上げるときに一瞬表示される画面のことです。

flutter_native_splashを使ってみる

pubspec.yamlにライブラリとflutter_native_splashの設定を追加する

pubspec.yaml

dependencies:
  flutter_native_splash: ^1.3.3

flutter_native_splash:
  color: "#FFFFFF"
  image: images/hogehoge.png
  android: true
  ios: true

// ローカルに保存されている画像を呼び出せるよにする
assets:
    - images/

Android実装時の注意点

OS 12の注意点

AndroidOS12ではデフォルトでSplashが実装されてます。
デフォルトのSplashを削除することはできないため、

Android実装時の注意点

Flutter2.5からはio.flutter.embedding.android.SplashScreenDrawableは不要なため削除すると以下のLogは表示されなくなります。

A splash screen was provided to Flutter, but this is deprecated. See flutter.dev/go/android-splash-migration for migration steps.

AndroidManifest.xml

<meta-data
  android:name="io.flutter.embedding.android.SplashScreenDrawable"
  android:resource="@drawable/launch_background"
/>

感想

とても簡単に画面を作らずにSplashを表示できる。
しかし、SplashにAccessTokenの処理を書きたい、Splashの表示時間を長くしたいなど、場合によってはこのライブラリを使わない可能性もある。

参考記事