[flutter] 플러터(IndexedStack)를 사용하는데 필요한 플러그인은 무엇인가요?

07 Dec 2023

flutter

IndexedStack은 플러터 프레임워크에서 제공하는 위젯입니다. 이 위젯은 여러 개의 자식 위젯을 가지며, 인덱스에 따라 하나의 자식 위젯만 표시됩니다.

다음은 IndexedStack 위젯을 사용하는 간단한 예제입니다.

IndexedStack(
  index: 0, // 표시할 자식 위젯의 인덱스
  children: <Widget>[
    Container(
      color: Colors.red,
      child: Center(
        child: Text("첫 번째 위젯"),
      ),
    ),
    Container(
      color: Colors.green,
      child: Center(
        child: Text("두 번째 위젯"),
      ),
    ),
    Container(
      color: Colors.blue,
      child: Center(
        child: Text("세 번째 위젯"),
      ),
    ),
  ],
)

이 예제에서는 index 값이 0으로 설정되어 첫 번째 자식 위젯인 빨간색 컨테이너가 표시됩니다. 만약 index 값을 1로 변경하면, 녹색 컨테이너가 표시됩니다.

IndexedStack 위젯은 자식 위젯 중 하나만 쌓이고 나머지 위젯은 사라지는 효과를 줄 때 유용합니다. 네비게이션 탭 바에서 각 탭에 해당하는 위젯을 표시할 때나 원하는 시점에 위젯을 전환할 때 사용할 수 있습니다.

더 자세한 내용은 Flutter 공식 문서를 참고하시기 바랍니다.