플러터 위젯 - 화면 배치에 쓰는 위젯(2)

 

1. SingleChildScrollView

하나의 자식을 포함하는 스크롤 가능한 위젯

 

•Column은 위젯의 크기만큼 가로 길이를 가지므로 영역이 좁을 수 있음

•ListBody를 사용하면 스크롤 가능 영역이 가로로 꽉 차기때문에 스크롤하기 더 편리함

 

2. ListView, ListTile

리스트를 표시하는 위젯

 

•SingleChildScrollView와 Listbody의 조합과 동일한 효과를 냄

•좀 더 리스트 표현에 최적화된 위젯

•ListView와 ListTile 위젯을 조합하면 표준적인 리스트를 쉽게 만들 수 있음

 

3. GridView

열 수를 지정하여 그리드 형태로 표시하는 위젯

 

•GridView.count() 생성자를 사용하면 간단하게 그리드 작성 가능

예시) GridView.count() : 2  // 2열로 그리드 형태로 표시

 

4. PageView

여러 페이지를 좌우로 슬라이드하여 넘길 수 있도록 해주는 위젯

 

•Tab과 연동하지 않으면 좌우로 슬라이드가 가능한지 사용자가 모를 수 있어서 단독으로는 잘 사용하지 않음

 

5. AppBar, TabBar, Tab, TabBarView

이 위젯들을 조합하여 PageView와 유사하지만 페이지와 탭이 연동되는 화면 구성 가능

 

•탭에는 아이콘이나 글자 표시 가능

 

6. BottomNavigationBar

하단에 2~5개의 탭 메뉴를 구성할 수 있는 위젯

 

•각 탭을 클릭하여 화면을 전환할 때 사용