flutter const(constraints) 이해하기 (진행중)

코드상으론 가로세로 500px인 빨간컨테이너 안에 300px인 파란 컨테이너가 들어가야하는데 이상합니다.

 

Container안에 Container을 위처럼 잡으면 하위녀석이 정확하게 위치하지 않기에 부모의 size를 차지하게 돼요.

이때 하위 컨테이너를 center, align등을 사용해서 위치를 특정해주면 됩니다.

 

더 알아봅시다.

이 상황에서 파란container의 width는 무한입니다. 그런데 overflow가 발생하지 않습니다.

이는 Scaffold, SafeArea가 제약공간을 갖고있었기 때문입니다.

이렇게 따로 제약을 둘 수도 있습니다!

 

.

.

.

뭔가 헷갈린다. 공식문서 보고 다시 공부해보자!