[flutter] LinearProgressIndicator의 높이 조절하기

Flutter에서 LinearProgressIndicator를 사용할 때 기본 높이가 마음에 들지 않는다면 어떻게 조절할 수 있을까요? 이 글에서는 LinearProgressIndicator의 높이를 조절하는 방법을 알아보겠습니다.

1. 높이 조절 방법

LinearProgressIndicator의 높이를 조절하려면 SizedBoxContainer와 같은 위젯을 사용하여 LinearProgressIndicator를 감싸주면 됩니다. 아래는 예시 코드입니다.

Container(
  height: 10,  // 높이 조절
  child: LinearProgressIndicator(),
)

위의 예제에서 Container 위젯의 height 속성을 조절하여 LinearProgressIndicator의 높이를 변경할 수 있습니다.

2. 추가적인 스타일링

LinearProgressIndicator의 높이 조절 이외에도 배경색, 전경색 등의 추가적인 스타일을 적용할 수 있습니다. 예를 들면, LinearProgressIndicator의 두께, 각도 등을 조절할 수 있습니다.

Container(
  height: 10,  // 높이 조절
  child: LinearProgressIndicator(
    backgroundColor: Colors.grey,  // 배경색
    valueColor: AlwaysStoppedAnimation<Color>(Colors.blue),  // 전경색
  ),
)

3. 결론

LinearProgressIndicator의 높이를 조절하는 방법과 추가적인 스타일링에 대해 알아보았습니다. 필요에 따라 위젯을 감싸거나 기타 스타일 속성을 이용하여 LinearProgressIndicator를 원하는 모양으로 꾸밀 수 있습니다.

더 많은 정보는 Flutter 공식 문서를 참고하세요.