Scroll

하상현·2023년 11월 21일
0

Scroll

우리는 한 화면(스크린)에 벗어나는 데이터를 볼때는 스코를을 한다.

ListView

Column, Row에는 기본적으로 스크롤 기능이 없다. 그저 위아래 양옆으로 데이터를 위치하게 한다.
ListVew는 기본적으로 스크롤 기능이 장착돼있는 위젯이다.

ListView(
  children: [
    Text('1'),
    Text('2'),
    Text('3'),
  ]
),

GridView

GridView(
  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
    crossAxisXount: 3,
  ),
  children:[
    Text('1'),
    Text('2'),
    Text('3'),
  ]
),

SingleChildScrollView

직역하면, SingleChild(외동)ScrollView(스크롤뷰), 즉 자식객체에 스크롤 기능을 만들어 줌
ListView는 Children으로 다수의 위젯(List< Widget>)을 제공해야 한다.
SingleChildScrollView는 단일 위젯의 자식에게 스크롤을 제공할 수 있다.
속성: scrollDirection으로 ListView와 동일하게 방향을 설정할 수 있다.

PageView

한번에 한 위젯만 보여주고, 다음 위젯은 넘겨야만 보여줄 때

PageView(
  children: [
    Text('1번 페이지'),
    Text('2번 페이지'),
    Text('3번 페이지'),
  ]
),

0개의 댓글