3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【flutter】起動時に表示される画面をカスタムしてみた。

Last updated at Posted at 2024-09-04

こんにちは!
今回はflutterアプリを起動した際に表示される画面をパッケージを使ってカスタムしていきたいと思います。
最後まで見ていただけると、幸いです!

使用パッケージ

参考記事

手順

flutter_native_splashパッケージを追加

flutter pub add flutter_native_splash

pubspec.yamlの修正

dependencies:
  flutter:
    sdk: flutter
  flutter_native_splash: ^2.4.0

  assets:
    - assets/images/画像

flutter_native_splash:
  ios_content_mode: center
  image: assets/images/画像
  fullscreen: true
  color: "#FFFFFF"

スプラッシュ画像の生成

flutter pub get
flutter pub run flutter_native_splash:create

↓こんな感じのが出たらOK!
スクリーンショット 2024-09-03 23.31.26.png

実装内容

Qiita_20240903.gif

終わりに

今回も最後まで見ていただき、ありがとうございました!
では、また次の記事で〜!

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?