【Flutter入門】スプラッシュ画面(Splash Screen)を表示する方法

更新日：2022年3月10日

記事の内容

この記事では、FlutterでSplash画面を表示する方法を紹介します。
flutter_native_splashを使って実装します。

pubspec.ymlの変更

追記場所はこの２つです。
imageには、実際に自分が使いたい画像を配置しましょう。

dev_dependencies:
  flutter_test:
    sdk: flutter
  flutter_native_splash: ^0.1.9

flutter_native_splash:
  image: assets/images/money.png
  color: "42a5f5"

pubspec.ymlを変更した後は、main.dartに戻って、「Get Dependencies」をクリックします。

flutter pub get

flutter pub pub run flutter_native_splash:create

▼ DartとFlutterをより詳しく勉強したい人には、この記事がオススメです

: FlutterとDartの学習でおすすめの本と動画【2024年最新】

目次1 動画教材2 初心者向け3 中級者向け動画教材 Flutter & Dart - The Complete Guide [2023 Edition] ▼ 興味がある方は、画像をクリック英語版ですが、人気のコースです。 Fl ...

続きを見る

▼ SwiftでiOSアプリを開発したい人には、この記事がオススメです

: Swiftの学習でおすすめの本と動画【2024年最新】

目次1 動画教材2 初心者向け3 中級者向け動画教材【iOS】SwiftUI 超入門 - Swift を基礎から学んで iOS (iPhone) アプリを開発しよう ▼ 興味がある方は、画像をクリック Swift , SwiftUI , ...

続きを見る

▼ KotlinでAndroidアプリを開発したい人には、この記事がオススメです

: Kotlinの勉強でおすすめの本と動画【2024年最新】

目次1 動画教材2 初心者向け3 中級者向け動画教材はじめての Kotlin【Java 知らなくてOK！丁寧な解説で Android に必要な Kotlin の基本を学習】 ▼ 興味がある方は、画像をクリック今学ぶべき言語、Kotli ...

続きを見る

▼ Gitをより詳しく勉強したい人には、この記事がオススメです

: Gitの学習でおすすめの本と動画【2024年最新】

目次1 動画教材2 漫画？でわかりやすく学ぶ入門書の定番3 初心者向け4 中級者向け5 上級者向け動画教材もう怖くないGit！チーム開発で必要なGitを完全マスター ▼ 興味がある方は、画像をクリック Gitの基本コマンド、ブランチやマ ...

続きを見る

▼ ゼロからWebエンジニアになりたい人には、この記事がオススメです

: ゼロからWebエンジニアとして就職する方法【何もない自分に積み上げていく】

ちまたには、「エンジニアになるための情報」で溢れかえっています。ジョージさんが考える「Webエンジニアになる方法」を教えて下さい。目次1 私が定義するWebエンジニア2 必ずやるべきこと3 推奨されること4 まとめ私が定義するWebエ ...

続きを見る

▼ 独学で実務っぽい経験を積みたい人には、この記事がオススメです

: エンジニアが独学で実務経験っぽいことを学ぶ方法

エンジニアとして就職するためには実務経験が大事だと聞いていますが、就職しないことには実務経験を積むことができません。どうやって、最初の実務経験を積んだらいいでしょうか？目次1 スクールの理想と現実2 IT業界が抱える矛盾点3 擬似的に実 ...

続きを見る