플러터의 PageView에는 다음 페이지로 넘어가는 기능을 제공하기 위해 PageController를 사용한다.
PageController를 생성하고 PageView의 Controller 속성에 할당하면 다음 페이지로 이동이 가능하다.
PageController에서 다음 페이지로 이동하는 가장 간단한 방법은 'animateToPage' 메소드를 사용하는 것이다.
'animateToPage'는 호출하여 원하는 페이지 인덱스로 애니메이션을 통해 이동할 수 있다.
final PageController _pageController = PageController(initialPage: 0);
void goToNextPage() {
_pageController.nextPage(
duration: const Duration(milliseconds: 300),
curve: Curves.easeInOut,
);
}
그리고 버튼의 onPressed속성에 'goToNextPage' 메서드를 할당하면 버튼 클릭 시 다음 페이지로 자연스럽게 넘어가게 된다.
container(
color: Colors.green,
child: Center(
child: ElevatedButton(
child: const Text('Next'),
onPressed: goToNextPage(),
),
),
),
...