[Flutter] FittedBox Class 정리

FittedBox Class

child 또는 내용의 양에 따라 크기가 확장되는 위젯에 의해 오버플로우가 발생되는 경우 FittedBox로 감싸면 전체 크기를 넘지 않게 되며 오버플로우가 방지된다.

alignment를 사용하여 원하는 배열로 나타낼 수 있다.

example)

사용 전)

사용 후)

이처럼 부모에서 주어진 크기 내에 child를 생성할 때 오버플로우가 발생하지 않도록 하기 위해 주로 사용한다.

fittedBox는 부모 크기에 맞춰 child 크기를 조정하는 것이다.
BoxFit.cover를 사용하면 부모 크기에 딱 맞게 child 크기를 조정할 수 있다.

참고) https://medium.com/flutter-community/flutter-widgets-boxes-part-2-the-whole-picture-4bb142f0b1ab