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


  • Flutterに疑問や技術的な疑問がある場合は、Flutter交流グループ(微信:laomengit)へようこそ.
  • 同時に私のFlutter公衆番号【老孟プログラマー】に注目することを歓迎して、公衆番号はFlutterの関連内容を先発します.
  • Flutterアドレス:http://laomengit.com160以上のコンポーネントの詳細な使い方が含まれています.

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

    効果は次のとおりです.
    《Flutter 控件大全》第七十一:LinearProgressIndicator、CircularProgressIndicator、RefreshProgressIndicator_第1张图片
    具体的な進捗値を設定します.
    LinearProgressIndicator(
      value: 0.3,
    )
    
    valueの値範囲は0-1で、効果は以下の通りです.

    背景色と進捗値を設定します.
    LinearProgressIndicator(
      value: 0.3,
      backgroundColor: Colors.greenAccent,
      valueColor: AlwaysStoppedAnimation(Colors.red),
    )
    

    効果は次のとおりです.