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

Flutter

2021.12.16

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

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

方法
まとめ

方法

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

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

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

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

まとめ

直線で棒のようなプログレスインジケータを表示するには、LinearProgressIndicatorを使います。

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

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

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

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

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

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

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

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

方法

まとめ

Youtube

Flutter関連書籍

カテゴリー別人気記事

コメント