[Flutter] 똑같아 보이지만 다른 PageView & IndexedStack

IndexedStack과 PageView는 둘 다 Flutter에서 다양한 위젯들을 효과적으로 관리하기 위해 사용되는 위젯들입니다만, 사용 목적과 동작 방식에서 차이가 있습니다.

IndexedStack:

• 목적:
  • IndexedStack은 여러 위젯을 겹쳐 놓고 한 번에 하나만 보여주는데 사용됩니다. 여러 위젯 중 하나를 선택하여 화면에 표시하고 싶을 때 유용합니다.
• 동작:
  • 자식 위젯들은 인덱스 순서에 따라 쌓여 있습니다. IndexedStack 위젯은 현재 인덱스에 해당하는 자식 위젯만 화면에 표시합니다.
  • 인덱스를 변경하면 쌓여 있는 위젯 중 선택된 인덱스의 위젯이 화면에 표시됩니다.

IndexedStack(
  index: currentIndex,
  children: [
    // 여러 위젯들
  ],
)

PageView:

• 목적:
  • PageView는 페이지 기반의 스크롤 가능한 위젯을 만들 때 사용됩니다. 여러 페이지를 가로 또는 세로로 스와이프하여 전환할 수 있습니다.
• 동작:
  • 각 페이지는 별도의 위젯이며, 페이지 간에 스와이프하여 전환할 수 있습니다.
  • PageView는 페이지를 일반적으로 왼쪽 또는 오른쪽으로 스와이프하여 전환하는 데 사용되지만, 스크롤 방향이나 페이징 방법을 변경할 수 있습니다.

PageView(
  children: [
    // 여러 페이지 위젯들
  ],
)

요약:

• IndexedStack은 여러 위젯 중 하나를 선택적으로 보여주고자 할 때 사용하며, 쌓여 있는 위젯 중 하나만 화면에 보입니다.
• PageView는 여러 페이지를 가로 또는 세로로 스와이프하여 전환할 수 있게 해주는데, 페이지 간 전환을 강조하는 경우에 사용됩니다.

두 위젯은 각각의 사용 사례에 따라 선택되어야 하며, 어떤 상황에서 더 적합한지는 해당 앱의 디자인과 사용자 경험 요구사항에 따라 다를 수 있습니다.