일상아빠

글 작성자: 까칠한 깜묘

Flutter에서는 간단하게 캐러셀 형식의 리스트뷰를 사용할 수 있습니다. 리스트 뷰 위젯에 physics를 PageScrollPhysics()로 설정해주면 됩니다.

...
    return new ListView.builder(
        padding: EdgeInsets.all(0.0),
        physics: const PageScrollPhysics(),
        controller: scrollController,
        scrollDirection: Axis.vertical,
        itemCount: length + 1,

        itemBuilder: (BuildContext context, int index) {
          if (index == length) {
            //  마지막
            return new SnapStatusLoadingItem(
              title: board.title,
              queryInterface: boardManager,
            );
          } else {
            return new SnapItem(postList[index],
                memo: boardManager.memoMap != null
                    ? boardManager.memoMap[postList[index].userId]
                    : null);
          }
        });
...

주의할 점은 각 item widget의 높이 또는 너비 값을 화면 크기에 맞게 설정해 줘야 합니다.

실제로 동작은 아이템 높이 또는 너비 만큼만 스크롤이 되기 때문에 아이템의 크기가 너무 크거나 작으면 정확하게 동작하지 않게 됩니다.

'개발 > Flutter' 카테고리의 다른 글

캐러셀 리스트뷰 만들기  (0) 2018.12.21
배경이 투명한 페이지 만들기  (0) 2018.12.06
링크 모음  (0) 2018.11.25
키보드 show/hide 감지하기  (0) 2018.11.25
상태바, 내비게이션 바 보이기/감추기  (0) 2018.11.25
상태바 투명하게 만들기  (0) 2018.11.25