Flutter - AspectRatio

AspectRatio

• 자식 위젯을 특정한 비율로 만드는 클래스
• aspectRatio에 비율 값(분수, 소수로 표현)을 적고, child 위젯을 설정하면 끝
• ex) 3/2 너비 3 높이 2 == 1.5 너비가 높이의 1.5배

class AspectRatioExample extends StatelessWidget {
  const AspectRatioExample({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.blue,
      alignment: Alignment.center,
      width: double.infinity,
      height: 100.0,
      child: AspectRatio(
      // 비울 16 /9 [그림 1]
        aspectRatio: 16 / 9,
        child: Container(
          color: Colors.green,
        ),
      // 비율 3.0 (가로가 세로의 3배) [그림 2]
      aspectRatio: 3.0,
        child: Container(
          width: 100.0,
          height: 50.0,
          color: Colors.green,
        ),
       // 비율 0.5
       aspectRatio: 0.5,
        child: Container(
          width: 100.0,
          height: 50.0,
          color: Colors.green,
        ),
      ),
    );
  }
}

[그림 1]

[그림 2]

츨처 - https://api.flutter.dev/flutter/widgets/AspectRatio-class.html