플러터 GridView, CustomScrollView

GridView

GridView.builder(
	grodDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 2),
	itemCount: list자료.length,
	itemBuilder: (c, i) {
		return Conatainer(color: Color.grey);
	}
)

CustomScrollView

  • ListView나 GridView 사용시 자동으로 스크롤이 생성되지만 다른요소와 합쳐 사용하는 경우에는 해당 위젯을 쓴 영역만 스크롤이 됨.
  • 여러 요소를 합쳐서 크게 스크롤바를 만들고 싶을 때 사용하는 위젯
  • 대충 Column이랑 똑같은 용도지만 스크롤바 생기고 문법도 약간은 다름
CustomScrollView(
	slivers: [위젯1, 위젯2, 위젯3]
)

스크롤 영역안에 ListView : SliverList()

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

스크롤 영연안에 GridView : SliverGrid()

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

스크롤영역안에 박스 : SliverToBoxAdapter()

스크롤 영역안에 헤더 : SliverAppBar()

좋은 웹페이지 즐겨찾기