Flutter

사진처럼 첫 번째 이미지가 가로를 다 차지 하지 않게 만드는 방법

일반적으로 PageView.builder 만들 때랑 다 똑같이 만들고 PageController에는 viewportFraction: double을, PageView.builder에는 padEnds: false,를 넣어준다.

PageView.builder(
	controller: PageController(viewportFraction: double,
	),
	padEnds: false,
	.
    .
    .
)

viewportFraction은 페이지가 뷰포트에 차지하는 비율을 설정하는데 1은 뷰포트 전체를 차지하게 함.

viewportFraction을 1 이하로 설정하게 되면, 나머지 공간이 페이지 양 옆으로 생기게 되는데, 사진처럼 첫번째 페이지 이미지의 왼쪽에는 여백을 두지 않고 오른쪽에 다음페이지가 보이도록 하기 위해서 padEnds: false,가 필요하다.