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

プログラミング道場

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

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

続きを見る

【Flutter入門】Flutterで処理中にmodalを出す方法

更新日:

記事の内容


この記事では、Flutterで処理中にmodalを出す方法を紹介します。
もう少し具体的に言うと、ログインの処理中にグルグルと回っているやつを出す方法を紹介します。

今回、実装する機能

今回、実装する機能は、画面の中心で回っている円です。
これがあることで、ユーザーに、「現在、何らかの処理をやっていること」を伝えることができます。

実装方法

pubspec.yamlにこれを追加します。

modal_progress_hud: ^0.1.3

インポート

import 'package:modal_progress_hud/modal_progress_hud.dart';

bodyをラップして、オプションを追加します。

body: ModalProgressHUD(
inAsyncCall: showSpinner,

showSpinnerをtrueにすれば、「円」がスピンします。

setState(() {
showSpinner = true;
});

まとめ

この記事では、Flutterで処理中にmodalを出す方法を紹介しました。

Good luck for your engineer life!

関連コンテンツ

-Flutter, プログラミング

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