[flutter] 플러터 LinearLoader와 CircularProgress의 비교

11 Dec 2023

플러터(Flutter)는 애니메이션과 UI 요소를 다루는 데 특히 뛰어난 프레임워크입니다. 이번 포스트에서는 플러터에서 제공하는 LinearProgressIndicator와 CircularProgressIndicator를 비교해보겠습니다.

1. LinearProgressIndicator

LinearProgressIndicator는 선 모양의 프로그레스 바를 표시할 때 사용됩니다. 이 요소는 가로 방향으로 진행되는 진척 상황을 시각적으로 보여줍니다.

LinearProgressIndicator(
  value: 0.5,
)

위 코드에서 value는 프로그레스의 진행 정도를 나타내며, 0.0부터 1.0까지의 값을 갖습니다.

CircularProgressIndicator는 원형으로 표시되는 프로그레스 바를 나타냅니다. 불규칙하거나 지속적으로 변하는 진행 상황을 나타내기에 적합합니다.

CircularProgressIndicator(
  value: 0.7,
)

위 코드에서도 value를 이용해 프로그레스의 진행 정도를 나타내며, 0.0부터 1.0까지의 값을 가집니다.

LinearProgressIndicator는 가로 방향의 진행 상황을, CircularProgressIndicator는 원형으로 나타낸다.
둘 다 value 속성을 사용하여 진행 정도를 조절할 수 있다.

각각의 상황에 맞게 선택하여 사용하면 됩니다. 물론 디자인과 사용성을 고려하여 적절히 활용하는 것이 좋습니다.

이상으로 플러터의 LinearProgressIndicator와 CircularProgressIndicator의 비교를 마치겠습니다.