虎視眈々と

Flutter × Firebaseを研究するアプリエンジニア

Flutterでプログレスダイアログ

f:id:superman199323:20181107101023j:plain

Flutterでプログレスダイアログ

Flutterではプログレスダイアログを出す方法がないのでカスタマイズするしかないです。 個人的にはあまりこんなダイアログを出さない方がいいですが、ログインや、サインアップ中は止むを得ないかと思います。

実装

void _onLoading() {
    showDialog(
      context: context,
      barrierDismissible: false,
      builder: (BuildContext context) {
        return new Dialog(
          child: Container(
            margin: EdgeInsets.all(20.0),
            child: new Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                new CircularProgressIndicator(),
                new Container(
                    margin: new EdgeInsets.all(10.0), child: new Text("ログイン中")),
              ],
            ),
          ),
        );
      },
    );
  }

閉じる時は下の1行を呼びます。

Navigator.pop(context);