FlutterでCircularProgressIndicatorの色を変える

Flutter で CircularProgressIndicatorの色をデフォルトから変更する処理を実装します。

valueColorにAnimation<Color>の色を渡してあげれば変更することが出来ます。

コード

CircularProgressIndicator(
  valueColor: AlwaysStoppedAnimation<Color>(Colors.red),
),

CircularProgressIndicatorの色はデフォルトでThemeDataのaccentColorを使用しているので、accentColorを変更するだけでも色を変更できて、accentColorを使用しているWidgetと同じ色にすることが出来ます。

全てはポテトのために