flutter_native_splashの実装

2025/02/08

Splash画面が無効になったので再設定。忘れないようにメモ。

1.pubspec.yamlに下記の行を追加する。

dev_dependencies:
  flutter_native_splash: ^2.4.4
  
flutter_native_splash:
  color: '#dbe0c0'
  image: 'assets/images/image_file.jpg'
  color_dark: '#dbe0c0'
  image_dark: 'assets/images/image_file.jpg'
  fullscreen: true
  android_12:
    icon_background_color: '#dbe0c0'
    image: 'assets/images/image_file.jpg'
    icon_background_color_dark: '#dbe0c0'
    image_dark: 'assets/images/image_file.jpg'

2.yamlファイルで指定したフォルダにファイルを格納する。

3.下記のコマンドで紐付けされる。

flutter pub run flutter_native_splash:create

以下のメッセージが出れば成功。

✅ Native splash complete.
Now go finish building something awesome! 💪 You rock! 🤘🤩
Like the package? Please give it a 👍 here: https://pub.dev/packages/flutter_native_splash

画像変更した場合は、上記の３を実行する。