플러터, flutter) column, row에 스크롤 기능 다는 방법 (SingleChildScrollView) & ListView

상위 위젯으로 (SingleChildScrollView)을 넣어주면 된다.

그러나 이것을 사용하기 위해서는 column이 자신의 높이 사이즈를 정확하게 아는 것이 중요하다.

 

Scaffold에서 body column이 있고, 그 위젯 바로 위에 SingleChildScrollView을 감싸면

SingleChildScrollView는 높이를 인지한다. (화면 맨 위 -화면 맨 아래)

 

그런데 만약 단순히 남는 공간에 나머지 부분을 차지하는 column을 SingleChildScrollView로 감싸면

제대로 작동하지 않는다. 에러가 날 수도 있다. 이유는 column이 높이를 정확히 모르기 때문에 어디서부터

스크롤을 작동시켜야하는지 모른다. (Expand같은거에 감싸진 column은 왠지 안될듯..)

 

이럴 때는 column을 container로 감싼 뒤에 height을 지정해준다면,

container child에 SingleChildScrollView가 가고, 그 child로 column이 오면 대충 해결이 되긴 한다. 

 

 

다음은 ListView이다.

ListView는 column이나 row에 scrollview를 단 것이나 다름 없는 위젯이다.

이 역시 정확한 높이를 가져야 하며,

children을 인자로 갖기 때문에 칼럼 대신 ListView를 사용하려면

그냥 이름만 싹 바꿔끼면 된다.