『Flutterコントロール大全』第七十一:LinearProgressIndicator、CircularProgressIndicator、RefreshProgressIndicator

1320 ワード

同前 Futter Widgets

Flutterに疑問や技術的な疑問がある場合は、Flutter交流グループ(微信:laomengit)へようこそ.

同時に私のFlutter公衆番号【老孟プログラマー】に注目することを歓迎して、公衆番号はFlutterの関連内容を先発します.

Flutterアドレス:http://laomengit.com160以上のコンポーネントの詳細な使い方が含まれています.

LinearProgressIndicator
水平進捗インジケータ、基本的な使い方は次のとおりです.

LinearProgressIndicator()

効果は次のとおりです.

具体的な進捗値を設定します.

LinearProgressIndicator(
  value: 0.3,
)

valueの値範囲は0-1で、効果は以下の通りです.

背景色と進捗値を設定します.

LinearProgressIndicator(
  value: 0.3,
  backgroundColor: Colors.greenAccent,
  valueColor: AlwaysStoppedAnimation(Colors.red),
)

効果は次のとおりです.