✅ Padding
- 위젯 내부에 여백을 줄 때
버튼이나 텍스트 등의 내부 여백을 조정할 때 사용
예를 들어, 텍스트가 버튼 안에서 너무 경계에 붙어 있지 않도록.
[ ❓ ] Padding과 Margin의 차이
✅ Container
-
하위 위젯을 가지고 있을 수 있다.
-
container 자체가 크기를 가지고 있지 않다면,
자동적으로 하위 위젯의 크기를 따른다 !
✅ SizeBox
-
단순히 위젯의 크기를 가지는 기능
-
자체적으로 크기를 설정하지 않으면,
하위 위젯의 크기만큼만 크기를 차지하게 됩니다.
[ 🧐❓ ] Container와 SizeBox가 헷갈려요 !!
- SizeBox : 진짜, 단순한 크기만 지정하는, 여백 설정용
- Container : 크기 이외 다양한 속성값 사용 가능
⚠️ Flexible , Expanded
🟡 Flexible
: Row, Column 같은 레이아웃에서,
자식 위젯이 남은 공간을 어떻게 차지할지 결정
fit: FlexFit.loose (기본값): 자식 위젯이, 자식의 크기만 유지
[ ❓ ] 만약, 자식 위젯이 부모 위젯 보다 크기가 크다면요 ?
👉 위젯의 크기가 비율에 맞춰 적절하게 맞춰짐
fit: FlexFit.tight : 자식 위젯이, 가능한 모든 공간 최대한 확장해서 차지
flex : 숫자에 따른, 비율에 맞춰 공간 차지
[ ❓ ❓ ] Expanded 와 Flexible 차이점
Expanded : 무조건 남은 공간 확장해서 채움
- flex : 값 생략시 ( 기본적으로 1로 적용 됨 )
Flexible : fit 속성을 통해, 유연하게 설정가능
- fit: FlexFit.loose (기본값) : 자식위젯이 자기 크기만차지
- fit: FlexFit.tight : 자식위젯이 모든 공간을 최대한 확장해서 차지
▪️ 검정 테마를 기준으로 작성되었읍니다.