Flutter - FittedBox class

FittedBox 내의 컨텐츠를 FittedBox 부모 사이즈에 맞출 때 사용

Sample code

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

  @override
  Widget build(BuildContext context) {
    return Container(
      height: 400,
      width: 300,
      color: Colors.blue,
      child: const FittedBox(
        // TRY THIS: Try changing the fit types to see how they change the way
        // the placeholder fits into the container.
        fit: BoxFit.fitWidth,
        child: Placeholder(),
      ),
    );
  }
}

Option

• BoxFit.none: 이미지를 리사이즈 하지 않음
• BoxFit.contain: 가로, 세로 중 한쪽으로 가능한 한 크게 표시
• BoxFit.cover: 지정한 영역을 비율에 맞게 꽉 채움
• BoxFit.fillWidget: 넓이에 맞게 확대 또는 축소
• BoxFit.fillHeight: 세로에 맞게 확대 또틑 축소
• BoxFit.scaleDown: 가운데에 배치한뒤 대상 밖으로 나가지 않도록 크기를 줄임