AspectRatio 위젯은 부모 위젯의 크기에 따라 자식 위젯의 가로 세로 비율을 유지하도록 도와주는 유용한 도구입니다. 이 위젯은 화면에 가로 모드와 세로 모드로 표시될 때 다르게 동작할 수 있습니다. 이 블로그 포스트에서는 AspectRatio의 가로 모드와 세로 모드에서의 동작에 대해 자세히 살펴보겠습니다.

AspectRatio가로 모드

가로 모드에서 AspectRatio의 동작은 다음과 같습니다:

AspectRatio(
  aspectRatio: 16 / 9,
  child: Container(
    color: Colors.blue,
  ),
)

여기서 AspectRatio 위젯은 부모 위젯이 너비에 따라 가로 세로 비율을 유지합니다. 위 예제에서는 16:9 비율을 유지하므로 부모 위젯의 가로 길이가 높이의 16:9 비율을 유지합니다.

AspectRatio 세로 모드

세로 모드에서 AspectRatio의 동작은 다음과 같습니다:

AspectRatio(
  aspectRatio: 16 / 9,
  child: Container(
    color: Colors.blue,
  ),
)

세로 모드에서도 AspectRatio는 부모의 크기에 따라 자식의 가로 세로 비율을 유지합니다.

결론

AspectRatio는 가로 모드와 세로 모드에서 부모의 크기에 따라 자식의 가로 세로 비율을 유지하는 데 도움을 줍니다. 이를 통해 화면의 크기가 변경되더라도 일관된 비율을 유지할 수 있습니다.

이러한 특성은 모바일 응용프로그램의 다양한 디바이스에서 일관된 사용자 경험을 제공하는 데 도움이 됩니다.

이상으로 AspectRatio 위젯의 가로 모드와 세로 모드에서의 동작에 대한 이해에 대해 알아보았습니다.

참고 자료: Flutter AspectRatio Class

부록: 이 포스트는 The Flutter Framework를 기반으로 합니다.