Flutter) Column 안에 ListView

Widget 작업을 하다가 보면 Column 안에 ListView 를 넣는 경우가 생기는데, 이 경우에 ListView 또는 Column 의 위치나 모양이 이상하다고 느낄때가 있다.

이러한 현상이 일어나는 이유를 알아보자.

해결하는 방법을 알더라도 정확한 이유를 모른다면 그것은 해결이 아니라 임시조치가 될 뿐이다.

아래에 첨부한 이미지는 ListView 의 구성을 첨부한것이다.

이미지에 네모 박스를 쳐놓은 부분을 보면, shrinkWrap 이라는 bool 변수가 있다.
저게 정확히 무슨 역할을 하는것이냐?

ListView 내에 있는 아이템들의 최대 크기만큼만 감쌀것인지, 아니면 부모의 최대크기만큼 늘려버릴것인지를 결정하는것이다.

ListView 의 shirinkWrap 에 true 를 따로 주지 않았다면, ListView 가 커지면서 Column 또는 부모 위젯의 Height 를 늘려버리면서 이상하게 바뀌거나 위치가 바뀐듯한 느낌을 주게 되는것이다.

기존에 Android 를 개발해본 사람들은 쉽게 이해할 수 있는데, 이러한 개념은 'Match_Parent' , 'Wrap_Content' 를 검색해서 자세히 찾아보는것도 좋을것이다.