フリーランス 技術調査ブログ

フリーランス/エンジニア Ruby Python Nodejs Vuejs React Dockerなどの調査技術調査の備忘録

flutterのスプラッシュ画面

インストール

flutter pub add flutter_native_splash
  • pubspec.yamlに次の設定を追加する。画像はpngを指定する必要がある。
flutter_native_splash:
  image: "images/sample.png"
  color: "FAF3F3"

スプラッシュ画面の作成

flutter pub run flutter_native_splash:create

スプラッシュの設定を変更する場合

flutter clean
flutter pub get
flutter pub run flutter_native_splash:create

実機で検証する方法(Android

  • プロジェクトのrootディレクトリで下記のコマンドを実行する
flutter build apk
  • プロジェクトの下記のフォルダにapp-release.apkファイルがあるので、そちらをメールなどで検証端末に送信しテストする。
 build/app/outputs/apk/release/app-release.apk