nextPage vs animatedToPage

샤워실의 바보·2024년 2월 9일
0
post-thumbnail

Flutter에서 PageView와 같은 페이지 기반 스크롤 가능한 위젯을 사용할 때, 페이지 간 이동을 위해 nextPageanimateToPage 두 가지 메소드를 사용할 수 있습니다. 이 두 메소드는 현재 페이지를 변경하는 데 사용되지만, 사용 방법과 제어 수준에서 차이가 있습니다.

nextPage

  • 목적: nextPage 메소드는 PageView에서 다음 페이지로 이동하기 위한 편리한 방법입니다.
  • 사용법: 이동할 때의 애니메이션 지속 시간과 커브(애니메이션 패턴)를 지정해야 합니다.
  • 제어: 이 메소드는 덜 세밀한 제어를 제공합니다. 바로 다음 페이지로 이동하는 데 특별히 설계되었습니다.
  • 예시:
    pageController.nextPage(
        duration: Duration(milliseconds: 400),
        curve: Curves.easeInOut,
    );
  • 적합성: 단순히 다음 페이지로 이동하고자 할 때 적합하며, 특정 페이지로의 이동을 지정할 필요가 없는 경우에 사용하기 좋습니다.

animateToPage

  • 목적: animateToPage 메소드는 더 유연하며 PageView 내의 특정 페이지로 이동하는 애니메이션을 가능하게 합니다.
  • 사용법: 이동하려는 페이지 인덱스와 애니메이션 지속 시간, 커브를 지정해야 합니다.
  • 제어: 이 메소드는 페이지 인덱스를 지정하여 어떤 페이지로든 이동할 수 있으므로 더 많은 제어를 제공합니다.
  • 예시:
    pageController.animateToPage(
        2, // 페이지 인덱스
        duration: Duration(milliseconds: 400),
        curve: Curves.easeInOut,
    );
  • 적합성: 바로 다음 페이지가 아닌 특정 페이지로 이동해야 할 때 이상적입니다.

요약

  • 다음 페이지 vs 특정 페이지: nextPage는 바로 다음 페이지로 이동하는 반면, animateToPage는 주어진 페이지 인덱스로 이동할 수 있습니다.
  • 제어: animateToPage는 어떤 페이지로든 이동할 수 있어 더 유연하고 제어력이 높지만, nextPage는 순차적인 페이지 이동을 위한 간단한 방법입니다.
  • 사용 사례: 간단한 순차적인 이동을 위해서는 nextPage를 사용하고, 특정 페이지로의 복잡한 이동 요구 사항이 있을 때 animateToPage를 사용합니다.
profile
공부하는 개발자

0개의 댓글