CustomScrollView

철웅·2023년 3월 14일
0

Flutter_Tips

목록 보기
9/10
post-thumbnail

그래서 이게 뭐냐!

Column이랑 비슷한 용도, 근데 전용문법(위젯)도 있고, 무엇보다 스크롤바가 생긴다.

🛠 사용법

CustomScrollView(
  slivers: [ 위젯1, 위젯2, 위젯3 ]
)
  • 저 위젯1,2,3 자리에는 아무 위젯이나 들어올 수 없다.(Sliver~만 가능)
  • 아래에 몇몇 예시를 적어보겠다.

ListView

SliverList(
  delegate: SliverChildListDelegate(
    [ Text('리스트'), Text('리스트'), Text('리스트') ]
  )
), 

GridView

SliverGrid(		// GridView
  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2),
  delegate: SliverChildListDelegate(
    [ Container(Colors.blue), Container(Colors.green), Container(Colors.yellow) ],
  ),
), 

...

SliverGrid(			// GridView.builder()
	delegate:SliverChildBuilderDelegate(
    	(c, i) => Container(color: Colors.grey),
        childCount: 6,
    ),
	gridDelegate:SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2),
),
  • 위에는 그냥 GridView 아래는 builder

SizedBox, Container 같은 박스 -> SliverToBoxAdapter()

헤더에 AppBar 만들기 -> SliverAppBar()

등등 많다. 구글링 열심히 해서 복붙하자

플러터 공부하면서 느끼는건데 그냥 모르겠으면 찾아서 쓰세요 느낌..? 뭐이리 다양하냐..ㅜ

0개의 댓글