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 |