[Flutter] PageView 페이지 좌우에 옆 페이지가 보이게 하는 법

이상화·2022년 4월 5일
1

짧은 기록

목록 보기
4/12
post-thumbnail
post-custom-banner

PageView를 사용하다 보면 좌우 여백에 이전, 다음 페이지를 보이게 하고 싶을 때가 있다.

이때는 PageViewPageController 생성자에 viewportFraction 값을 주는 것으로 설정할 수 있다.

PageView.builder(

	//controller 생성자에 값을 준다.
	controller: PageController(viewportFraction: 0.8),
    
	itemBuilder: (_, index) => child: _buildPage(index),
	itemCount: list.length,
);

viewportFraction은 0-1까지의 값을 가지며, 1에 가까울 수록 페이지 전체를 차지하게 된다.

profile
크로스플랫폼 클라이언트 개발자(Flutter, Unity), 7년차

0개의 댓글