[flutter] AspectRatio를 사용하여 모바일 디자인 개선하기

다음은 AspectRatio를 사용하여 이미지를 화면에 맞게 표시하는 간단한 Flutter 예제입니다.

AspectRatio(
  aspectRatio: 16/9, // 가로:세로 비율 설정
  child: Image.network('https://example.com/image.jpg'), // 이미지 로드
)

이 예제에서, AspectRatio 위젯은 16:9의 가로세로 비율을 가진 이미지를 표시합니다. AspectRatio 위젯을 사용하면 모든 화면 크기에서 이미지가 일정한 가로세로 비율을 유지하면서 표시됩니다.

그외에도 AspectRatio를 이용하여 동영상 플레이어, 아이콘 그리드, 배경 이미지 등 다양한 요소를 일정한 비율로 유지하여 모바일 디자인을 개선할 수 있습니다.

참고 자료: