박스의 크기를 지정하는 위젯이다.
지금까지 sizedBox는 여백을 만들기 위해 사용한다고 생각했다.
만약 이 사진처럼 만들기 위해 빨간색 사각형만큼의 여백이 필요한데, 이때 이렇게 보이지 않는 공간을 만들기 위해 필요하다고 생각했다.
하지만 버튼의 크기를 조정하고 싶을 때에도 사용할 수 있다는 것을 알게 되었다.
이정도 크기의 버튼을 더 키우거나 더 작게 할 때 버튼 위젯을 sizedBox로 감싸면 원하는 크기로 조정할 수 있다.
SizedBox(
width: 200,
height: 100,
child: MyButton(),
)이런식으로 child를 감싸면 해당 child가 지정한 너비, 높이의 크기로 변한다.
이때 만약 크기를 화면 너비만큼 혹은 높이만큼으로 만들고 싶다면
double.infinity를 사용하면 된다.
코드)
outPut)
이렇게 너비를 화면에 맞춰 만들 수 있다.
높이도 똑같이 double.infinity를 사용하여 화면의 높이에 맞게 조정할 수 있다.
정리하면, child의 유무를 중심으로 나눠볼 수 있다.
- child가 존재한다면, child의 크기를 원하는 크기로 조정할 수 있다.
- child가 존재하지 않는다면, 보이지 않는 여백의 칸을 만들 수 있다.
