Flutter - Image BoxFit

Flutter가 이미지의 사이즈를 처리하는 방법에는 크게 7가지가 있습니다.

 

1. BoxFit.fill

원본 이미지의 비율을 유지하지 않고, 이미지를 감싸는 박스에 크기를 맞춥니다.

2. BoxFit.contain

원본 이미지의 비율을 유지하고, 이미지를 감싸는 박스의 width, hegith 중에 더 작은 것에 크기를 맞춥니다.

3. BoxFit.cover

원본 이미지의 비율을 유지하고, 이미지를 감싸는 박스를 covering하는 가장 작은 크기로 설정합니다.

4. BoxFit.fitWidth

원본 이미지의 비율을 유지하고, 이미지를 감싸는 박스의 width를 이미지의 width와 같게 설정합니다.

5. BoxFit.fitHeight

BoxFit.fitWidth의 height 버전입니다.

6. BoxFit.none

이미지를 감싸는 박스를 신경쓰지 않고, 원본 이미지가 리사이즈되지 않습니다.

7. BoxFit.scaleDown

원본 이미지의 비율을 유지하며, 감싸는 박스 안에 이미지를 위치시킵니다. 필요하다면 스케일을 다운시킵니다.