(Flutter) 로딩 위젯(ProgressIndicator)

Flutter에는 로드할 때 사용되는 두 가지 위젯이 있습니다.

1. LinearProgressIndicator(추후 업데이트 예정)

2. 원형 진행률 표시기



2. 원형 진행률 표시기

CircularProgressIndicator(
  valueColor: AlwaysStoppedAnimation(
    Colors.white,
  ),
),

LinearProgressIndicator와 CircularProgressIndicator는 모두 background 및 valueColor라는 색상 매개변수를 제공합니다.

– backgroundColor: 위젯의 배경색을 지정합니다. 기본적으로 설정된 원 모양의 색상을 지정하는 것입니다.

valueColor: 애니메이션에서 움직이는 부분의 색상을 의미합니다. 색상에 애니메이션을 적용해야 하므로 AlwaysStoppedAnimation이라는 클래스에 색상을 래핑하여 제공해야 합니다. (직접 구현하기 때문에 color를 지정해도 잘 동작합니다. ValueColor가 color보다 우선순위가 높습니다.)