Drawer

콘텐츠에 맞는 모달 시트나 뷰포트 비율로 스와이프하는 드로어를 논리적 네 방향에서 표시해요.

핵심 속성

상단과 하단 드로어는 기본적으로 콘텐츠 높이에 맞고 최대 뷰포트 전체까지 커져요. 뷰포트 비율의 고정 크기는 snapPoints 값 하나로, 드래그 스냅은 여러 값으로 설정하세요. 기본값인 TRDrawerDragBehavior.surface는 헤더와 콘텐츠 전체에서 시트 이동과 등록된 콘텐츠 스크롤 영역을 조율해요. 콘텐츠가 별도의 스크롤 영역을 소유한다면 handleOnly를 선택하세요. 이때는 보이는 핸들만 드로어를 움직이고 콘텐츠에서 시작한 제스처는 해당 스크롤 영역에 남아요. showDragHandle을 false로 설정하면 콘텐츠 스크롤은 유지하면서 핸들과 시트 드래그를 함께 꺼요. 시작과 끝 드로어에는 핸들이 없으므로 표면 전체의 가로 드래그를 유지해요. 드로어 표면은 뷰포트 끝까지 이어지고 닿을 수 있는 시스템 안전 영역을 보호해요.

설치

패키지를 추가한 뒤 공개 라이브러리를 가져오세요.

flutter pub add tinyrack_ui

import 'package:tinyrack_ui/tinyrack_ui.dart';

플레이그라운드

사용법

import 'package:material_ui/material_ui.dart';
import 'package:tinyrack_ui/tinyrack_ui.dart';

showTRDrawer<void>(
  context: context,
  builder: (_) => const TRDrawer(
    maxExtent: 0.7,
    content: Text('Settings'),
  ),
)

API