プログラミング、フリーダイビング、ブロックチェーンのブログ

プログラミング道場

私がおすすめするプログラミング教材のまとめ【書籍と動画】

プログラミング言語 スクリプト言語 コンパイル言語 アプリ開発 サーバー、インフラ、セキュリティなど 機械学習系 ゲーム開発 データベース 子供向け デザイン その他 おまけ まとめ この記事では、様々な書籍を紹介しました。 是非、自分に合 ...

続きを見る

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

更新日:

記事の内容


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

準備

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

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

実際の使い方

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

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

まとめ

この記事では、ローディング中に画像を表示させる方法を紹介しました。

Good luck for your engineer life!

関連コンテンツ

-Flutter, プログラミング

Copyright© プログラミング道場 , 2020 All Rights Reserved Powered by AFFINGER4.