플러터에서 IndexedStack은 화면에서 여러 위젯을 겹쳐서 표시할 수 있는 위젯입니다. 이 위젯은 자식 위젯을 인덱스별로 스택에 쌓음으로써 특정 인덱스에 해당하는 위젯만 표시하고 나머지 위젯을 감추는 기능을 제공합니다.

IndexedStack은 일반적으로 선택 가능한 탭, 슬라이딩 메뉴 또는 다른 상황에서 사용됩니다. 각 인덱스는 해당 위치에 표시할 위젯을 나타내며, 인덱스는 숫자로 지정됩니다. 가장 낮은 인덱스가 가장 아래에 표시되고 가장 높은 인덱스가 가장 위에 표시됩니다.

IndexedStack은 크기를 조정할 수 있으며, 자식 위젯 중 가장 큰 위젯의 크기에 맞추어 설정됩니다. 만약 자식 위젯이 모두 가려져 있거나 비활성화된 경우, IndexedStack은 크기가 0으로 설정됩니다.

IndexedStack의 장점 중 하나는 선택적으로 위젯을 표시하고 나머지 위젯을 감출 수 있다는 것입니다. 이는 앱의 성능과 사용자 경험을 향상시킬 수 있습니다. 예를 들어, 사용자가 특정 탭을 선택하면 해당 탭의 인덱스가 표시되고, 다른 탭은 숨겨집니다. 이렇게 하면 화면에 표시되지 않는 위젯들이 계속해서 업데이트되는 것을 방지할 수 있습니다.

IndexedStack은 플러터에서 매우 유용한 위젯이며, 복잡한 UI 레이아웃을 구성하는 데 도움이 될 수 있습니다. 탭 바, 슬라이딩 메뉴, 웹 브라우저 등과 같이 여러 위젯을 겹쳐서 표시해야 하는 경우 IndexedStack을 사용해 보세요.

IndexedStack(
  index: _currentIndex,
  children: [
    Container(
      color: Colors.red,
      child: Text('첫 번째 위젯'),
    ),
    Container(
      color: Colors.green,
      child: Text('두 번째 위젯'),
    ),
    Container(
      color: Colors.blue,
      child: Text('세 번째 위젯'),
    ),
  ],
)

위의 예제 코드에서는 IndexedStack을 사용하여 세 개의 컨테이너 위젯을 겹쳐 표시하고 있습니다. 현재 인덱스에 해당하는 컨테이너 위젯만 화면에 보이며, 나머지 위젯들은 숨겨집니다. 선택한 인덱스에 따라 빨간색, 초록색 또는 파란색 컨테이너가 표시됩니다.

IndexedStack에 대한 자세한 내용은 공식 플러터 문서를 참조하세요.