dev/flutter

[Flutter] 페이지뷰 PageView

캄춰 2024. 1. 7. 23:21
728x90
반응형

PageView ( )위젯

 

children : 보여줄 페이지 위젯들을 넣고,

controller : 페이지 뷰를 컨트롤 한다.

 

// 3초 마다 실행 됨
Timer.periodic(Duration(seconds: 3), (timer) {
  print('실행!');

  // 현재 페이지
  int? nextPage = pageController.page?.toInt();

  if (nextPage != null) {
    if (nextPage > 3) {
      nextPage = 0;
    } else {
      nextPage++;
    }

    pageController.animateToPage(nextPage, duration: Duration(seconds: 1), curve: Curves.ease);
  }
});

 

body: PageView(
  controller: pageController,
  children: [
    Center(child: Text("Page1"),),
    Center(child: Text("Page2"),),
    Center(child: Text("Page3"),),
  ],
),
728x90
반응형