[flutter] 플러터(IndexedStack)의 예시 코드는 어떻게 작성되나요?

07 Dec 2023

flutter

다음은 IndexedStack 위젯의 예시 코드입니다:

IndexedStack(
  index: _currentIndex, // 현재 보여줄 자식 위젯의 인덱스
  children: <Widget>[
    Container(
      color: Colors.red,
      child: Center(child: Text('첫 번째 위젯')),
    ),
    Container(
      color: Colors.blue,
      child: Center(child: Text('두 번째 위젯')),
    ),
    Container(
      color: Colors.green,
      child: Center(child: Text('세 번째 위젯')),
    ),
  ],
)

위의 코드에서는 IndexedStack 위젯을 생성하고, index 속성을 사용하여 현재 보여줄 자식 위젯의 인덱스를 설정합니다. children 속성에는 많은 자식 위젯을 추가할 수 있으며, 각 자식 위젯은 Container 위젯으로 구성되어 있습니다. 이 예시에서는 세 개의 자식 위젯을 정의하고, 각 위젯의 배경색과 텍스트를 설정합니다.

이렇게 작성된 코드를 실행하면 IndexedStack 위젯이 화면에 자식 위젯들을 겹쳐서 보여줍니다. index 속성을 변경하면 보여지는 자식 위젯이 바뀌게 됩니다.

더 자세한 내용은 플러터 문서를 참조하시기 바랍니다.