[Flutter] 인스타그램 같은 Grid 만들기
4431 단어 인스타그램 Grid인스타그램 Grid
- 격자만드는법
GridView.builder(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2),
itemBuilder: (c,i){return Container(color: Colors.grey,);},
itemCount: 13,
),
- CutstomScrollView() 위젯
CustomScrollView(
slivers: [
SliverGrid(delegate: ,gridDelegate: ,),
SliverList(),
SliverToBoxAdapter(),
SliverAppBar()
],
SliverGrid() : 격자
SliverList() : 리스트
SliverToBoxAdapter() : Container
SliverAppBar() : AppBar
- SliverGrid() 위젯
SliverGrid(
delegate: SliverChildBuilderDelegate(
(c,i) => Container(color: Colors.grey),
childCount: 3 // 몇개만들지?
),
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2), //가로로 몇개만들래?
),
delegate, gridDelegat 에 가로세로 몇개만들지 정해서 넣으면된다.
Author And Source
이 문제에 관하여([Flutter] 인스타그램 같은 Grid 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@gwd0311/Flutter-인스타그램-같은-Grid-만들기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)