본문 바로가기
공부방/Flutter

[Flutter] SizeBox 클래스

by SmartCow 2024. 1. 14.

1. SizeBox 클래스

정해진 크기로 자식 위젯을 감싸는 용도.
SizeBox는 크기를 지정하기 위한 여러 옵션을 제공

2. 생성자

SizedBox({
  Key? key,
  double? width,
  double? height,
  Widget? child,
})

3. 속성

1) key : 위젯의 고유키를 지정

SizedBox(
  key: UniqueKey(),
  child: YourWidget(),
)

2) width : 가로 크기를 지정

SizedBox(
  width: 100.0,
  child: YourWidget(),
)

3) height : 세로 크기를 지정

SizedBox(
  height: 50.0,
  child: YourWidget(),
)

4) child : 크기를 지정할 자식 위젯을 포함

SizedBox(
  width: 100.0,
  height: 50.0,
  child: 자식위젯(),
)

5) expand : 부모 위젯의 모든 사용 가능한 공간을 차지하도록 크기를 확장

SizedBox.expand(
  child: YourWidget(),
)

6) fromSize : 'Size' 클래스를 사용하여 크기를 지정할 수 있다.

SizedBox.fromSize(
  size: Size(100.0, 50.0),
  child: YourWidget(),
)

7) constraints : 'BoxConstraints'를 사용하여 크기를 제한할 수 있다.

SizedBox(
  constraints: BoxConstraints(
    minWidth: 50.0,
    maxWidth: 100.0,
    minHeight: 20.0,
    maxHeight: 80.0,
  ),
  child: YourWidget(),
)

8) widthFactor : 부모의 가로 공간에서의 상대적인 비율을 나타낸다.

SizedBox(
  widthFactor: 0.5, // 부모의 50%
  child: YourWidget(),
)

9) heightFactor : 부모의 세로 공간에서의 상대적인 비율을 나타낸다.

SizedBox(
  heightFactor: 0.7, // 부모의 70%
  child: YourWidget(),
)

'공부방 > Flutter' 카테고리의 다른 글

[Flutter] 유용한기능  (0) 2024.01.21
[Flutter] 가이드라인 셋팅하기  (0) 2024.01.17
[Flutter] Flutter을 설치하지 않고 실행하기  (0) 2024.01.02
[Flutter] 셋팅하기  (2) 2023.12.31
[Android Studio] 설치  (0) 2023.12.28