【Flutter入門】Flutterでローディング中に画像を表示させる方法

更新日：2022年3月10日

記事の内容

この記事では、Flutterでローディング中に画像を表示させる方法を紹介します。
具体的には、「flutter_spinkit」を使います。
この方法を使えば、待ち時間中に画像を表示させることができます。

準備

pubspec.yamlのdependenciesに、「flutter_spinkit: "^4.1.2"」を追加します。

表示させたいのは、こういった画像です。

設定が終わったら、アプリを止めてから再度、起動しましょう。
具体的には、ここのコードです。

body: Center(
child: SpinKitDoubleBounce(
color: Colors.white,
size: 100.0,
),
),

▼ 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 擬似的に実 ...

続きを見る