[flutter] 플러터(IndexedStack)에서 인덱스를 숨기는 방법은 무엇인가요?

07 Dec 2023

flutter

인덱스를 숨기는 가장 간단한 방법은 IndexedStack 위젯의 sizing 프로퍼티를 사용하는 것입니다. sizing은 어떤 인덱스가 현재 선택되었는지에 따라 자식 위젯의 크기를 조정합니다.

IndexedStack(
  index: _currentIndex,
  sizing: StackFit.hide,
  children: [
    Container(
      color: Colors.red,
      child: Text("첫 번째 인덱스"),
    ),
    Container(
      color: Colors.blue,
      child: Text("두 번째 인덱스"),
    ),
    Container(
      color: Colors.green,
      child: Text("세 번째 인덱스"),
    ),
  ],
)

위의 예제에서는 IndexedStack의 sizing 프로퍼티를 StackFit.hide로 설정하여 현재 선택된 인덱스의 자식 위젯을 숨깁니다.

이 코드를 실행하면 인덱스에 따라 적절한 컨테이너가 표시되고, 현재 선택된 인덱스는 나타나지 않게 됩니다.