[Flutter]円のプログレスインジケータを表示するには？

Flutter

2021.12.17

どうも、ちょげ(@chogetarou)です。

円のプログレスインジケータを表示する方法を紹介します。

方法
まとめ

方法

円のプログレスインジケータを表示するには、CircularProgressIndicatorウェジェットを使います。

具体的には、CircularProgressIndicatorをプログレスインジケーターを表示したい場所に指定します。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: CircularProgressIndicator(),
      ),
    );
  }

CircularProgressIndicatorは配置するだけで機能します。

まとめ

円のプログレスインジケータを表示するには、CircularProgressIndicatorを使います。

[Flutter]AppBarの下にプログレスバーを表示する方法

AppBarの下にプログレスバーを表示するには、どうしたらいいのでしょうか？

[Flutter]直線のプログレスインジケータを表示するには？

直線で棒のようなプログレスインジケータを表示する方法を紹介します。

[Flutter]TabBar(タブバー)のアイコンの色を変えるには？

TabBarのアイコンの色を変える方法を紹介します。

[Flutter]TabBarの選択されているアイコンの色を変えるには？

TabBarの選択されているアイコンの色を変える方法を紹介します。

方法

まとめ

Youtube

Flutter関連書籍

カテゴリー別人気記事

コメント