Flutter는 BottomSheet 위젯을 사용하여 화면 하단에서 추가적인 컨텐츠를 보여줄 수 있습니다. BottomSheet 위젯은 모달 형태의 다이얼로그로써 사용자와 상호작용할 수 있는 옵션을 제공합니다.

이번 포스트에서는 Flutter에서 BottomSheet 위젯을 사용할 때의 기본적인 속성들을 알아보도록 하겠습니다.

1. showBottomSheet 메서드

showBottomSheet 메서드는 새로운 BottomSheet를 화면에 표시하는 데 사용됩니다. 메서드는 BuildContext와 builder 함수를 필요로 합니다. builder 함수는 BottomSheet에 표시될 위젯을 반환합니다.

showBottomSheet(
    context: context,
    builder: (BuildContext context) {
        return Container(
            child: Text('BottomSheet 내용'),
        );
    },
);

2. persistent 속성

persistent 속성은 BottomSheet를 사용자가 스와이프하여 숨기거나 취소 버튼을 눌러 숨기기 전까지 계속해서 보여줄지 여부를 결정합니다. 기본값은 true이며, 이는 BottomSheet가 계속해서 보여지도록 설정합니다.

showBottomSheet(
    context: context,
    builder: (BuildContext context) {
        return Container(
            child: Text('BottomSheet 내용'),
        );
    },
    persistent: true, // 기본값
);

3. isScrollControlled 속성

isScrollControlled 속성은 BottomSheet 내에 스크롤이 가능하도록 설정하는 옵션입니다. 기본값은 false이며, 스크롤이 필요한 경우 true로 설정합니다.

showBottomSheet(
    context: context,
    builder: (BuildContext context) {
        return SingleChildScrollView(
          child: Container(
              child: Text('Scroll 가능한 BottomSheet 내용'),
          ),
        );
    },
    isScrollControlled: true, // Scroll 가능하도록 설정
);

이처럼 Flutter의 BottomSheet 위젯은 다양한 속성을 통해 유연하게 사용할 수 있습니다.

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

이상으로 Flutter의 BottomSheet 위젯의 기본 속성들을 살펴보았습니다.

이 포스트는 Flutter의 BottomSheet 위젯의 기본 속성들을 설명하기 위한 것으로, showBottomSheet 메서드, persistent 속성, 그리고 isScrollControlled 속성에 대해 다뤘습니다. 이를 통해 BottomSheet 위젯을 유연하게 활용할 수 있습니다. 만약 추가적인 정보가 필요하시다면, 여기를 참고해 주세요.