Flutter에는 로딩 시 사용하는 위젯이 두 개 존재한다.
1. LinearProgressIndicator(추후 업데이트 예정)
2. CircularProgressIndicator
LinearProgressIndicator, CircularProgressIndicator 모두 background와 valueColor라는 색상 매개변수를 제공한다.
- backgroundColor: 위젯의 배경 색상을 의미한다. 기본적으로 셋팅된 동그라미 형태에 색을 지정하는 것이다.
- valueColor: 애니메이션으로 움직이는 부분의 색상을 의미한다. 색상이 애니메이션이 되어야 하기에 AlwaysStoppedAnimation이라는 클래스에 감싸서 색상을 제공해야한다. (직접 구현하니 color을 지정해도 잘 동작한다. valueColor로 지정된 것이 color 보다 우선순위가 높다.)
2. CircularProgressIndicator
CircularProgressIndicator(
valueColor: AlwaysStoppedAnimation(
Colors.white,
),
),
'Flutter > UI Widget' 카테고리의 다른 글
| [Flutter] PageView class (scrollable page list) (0) | 2023.04.06 |
|---|---|
| [Flutter] SystemChrome class (SystemUI Control) (0) | 2023.04.06 |
| [Flutter] BoxFit enum (0) | 2023.04.06 |
| [Flutter] StatelessWidget vs StatefulWidget (0) | 2023.04.06 |
| [Flutter] 기본 위젯 알아보기 (0) | 2023.03.27 |