(Flutter) 이미지 스케일링(BoxFit) 조정 옵션

이미지 크기를 설정할 때 너비와 높이에 대한 값을 지정할 수 있으며,

박스핏 이 클래스를 사용하면 설정된 크기 내에서 이미지 크기를 조정할 수 있습니다.

Image.asset(
	'test.png',
	width: 500,
	height: 250,
	fit: BoxFit.cover
),

Boxfit.contain, Boxfit.fill, Boxfit.fitWidth, Boxfit.fitHeight, Boxfit.cover, Boxfit.none

각각의 차이점을 비교하면 다음과 같습니다.

1. 박스핏.필

설정된 크기로 비율이 조정되어 채워집니다.


2.박스핏.포함

설정한 사이즈 이내 비율은 변하지 않는다 가능한 한 크게 만드십시오.


3. 박스핏 커버

비율은 변하지 않는다 설정된 크기의 범위 일부 이미지가 잘릴 수 있습니다.


4. 박스핏.핏폭

설정된 너비에 따라 표시되며 일부 이미지가 잘릴 수 있습니다.


5. 박스핏.피트높이

설정된 높이에 따라 표시되며 일부 이미지가 잘릴 수 있습니다.


6. 박스핏. 아니요

원본 이미지는 리사이즈되지 않으며, 원본 이미지가 설정된 크기보다 크면 나머지는 잘립니다.

기본적으로 중앙에 있습니다.


참조

https://api.flutter.dev/flutter/painting/BoxFit.html