<Flutter> pageView & GridView

pageView

Flutter에서 페이지별로 컨텐츠를 표시하고 사용자가 페이지를 스와이프하여 전환할 수 있는 위젯
인스타나 페이스북에서 동적인 무한스크롤을 할수있게 해주는 것이 이 pageview.builder 이다

무한스크롤

GridView

  body: TabBarView(children: [
          GridView.builder(
           itemCount: 20, // column의 개수
            gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
              crossAxisCount: 2, // 한 행에 몇 개의 아이템을 보여줄지 설정
              crossAxisSpacing: Sizes.size10, //grid사이에 공간을 얼마나 줄지
              mainAxisSpacing: Sizes.size10, //rid사이에 공간을 얼마나 줄지
            ), //몇개의 column을 가질지 정함
            itemBuilder: (context, index) => Container(
              color: Colors.teal,
              child: Center(
                child: Text(
                  "$index",
                ),
              ),
            ),
          ),
          for (var tab in tabs.skip(1))
            Center(
              child: Text(
                tab,
                style: const TextStyle(
                  fontSize: 28,
                ),
              ),
            )
        ]),