flutter & dart - ListView

Overview

Listview 에 대해 알아보자

1. ListView
2. 사용시 주의점

 

1. ListView

만약 Column 위젯을 쓰다가 overflow 문제가 발생하게 됬다면?

 

ListView 위젯을 활용하여 세로 스크롤 달기

ListView는 가장 일반적으로 사용되는 스크롤 위젯입니다. 스크롤 방향으로 자식을 차례로 표시합 니다. ListView를 사용하여 가로축으로 스크롤을 할 수 있고, 세로축으로 스크롤할 수 있습니다. Column을 ListView로 변경하고 crossAxisAlignment 속성을 제거합니다. ListView의 자식들의 기본 정렬은 왼쪽 정렬입니다.

 

이전 화면

 

바뀐 화면

 

2. ListView 를 사용할 시 주의점

💡 Expanded 위젯이나 Spacer 위젯은 화면의 남은 공간만큼 확장하는 위젯인데 ListView위젯은 남은 공간이 있을까요? ListView 는 스크롤이 있는 위젯입니다. 그렇기 때문에 스크롤이 있는 위젯의 최대 높이는 무한입니다. 이런 곳에서는 Expanded나 Spacer 위젯을 사용할 수 없습니다.