[flutter] 플러터(IndexedStack)를 사용하여 스택(Stack)을 스크롤할 수 있나요?

07 Dec 2023

flutter

아래는 IndexedStack과 SingleChildScrollView를 사용하여 스크롤 가능한 스택을 만드는 예시 코드입니다:

import 'package:flutter/material.dart';

class ScrollableStack extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      child: IndexedStack(
        index: 0, // 보여질 자식 위젯의 인덱스
        children: [
          Container(
            height: 500, // 스택 영역의 높이를 설정합니다
            color: Colors.red,
          ),
          Container(
            height: 1000, // 스택 영역의 높이를 설정합니다
            color: Colors.blue,
          ),
        ],
      ),
    );
  }
}

위 코드에서는 Container 위젯을 사용하여 스택의 각 자식 위젯을 생성하고, 각각의 높이를 지정하였습니다. SingleChildScrollView는 스크롤 가능한 위젯이며, IndexedStack 위젯은 스택 안의 자식 위젯 중 보여질 것을 설정하는 인덱스를 제공합니다. 이 예시에서는 0번째 자식 위젯이 화면에 보여집니다.

IndexedStack을 사용하여 스크롤 가능한 스택을 만들 수 있고, 필요에 따라 자식 위젯의 개수와 각각의 높이를 조절하여 스크롤 가능한 영역을 만들 수 있습니다.