[Flutter] 인스타그램 같은 Grid 만들기

제리·2022년 1월 4일
0
  • 격자만드는법
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 에 가로세로 몇개만들지 정해서 넣으면된다.

profile
iOS 준비중

0개의 댓글