[TIL-016] Flutter App은 스크롤 생성이 자동이 아니다

Dart문법을 공부했으니 이제 본격적으로 Flutter를 이용한 앱을 만들어보니 웹과는 다른 부분이 있었다.

 

상황

Flutter에서는 UI(위젯)를 배치할 때, 세로 방향 배치를 하는 경우에는 `Column`위젯을 사용한다.

그런데 세로로 배치를 하던 중 위젯이 뷰포트를 벗어나면 자동으로 스크롤이 생기는 것이 아니라 에러가 발생한다.

Column을 사용할 때 자식 위젯이 화면을 벗어나면 스크롤대신 에러가 발생

 

해결 방법

스크롤을 생기게 하는 위젯이 따로 있었다.

그것은 바로 `ListView`위젯이다.

View 라는 이름에서도 알 수 있듯이 화면(뷰포트)에 관련된 위젯임을 알 수 있다.

`Column`대신 사용하니 스크롤도 자동으로 생기고 에러도 말끔히 해결했다.

ListView를 사용할 때 자식 위젯이 화면을 벗어나면 스크롤이 생김

 

마무리(느낀 점)

위젯이 css같아서 편한 느낌도 있지만 위젯들이 워낙 많고 웹에서는 당연하던 것이 앱에서는 안되니까 불편한 것도 있는 것 같다.