BottomSheet

앱 전체 하단 시트 SSOT. Flutter primitive: mobile/lib/shared/widgets/app_bottom_sheet.dart (showAppBottomSheet() 헬퍼)
Mobile (Flutter) — 두 chrome 모드
Defaults: isScrollControlled / useSafeArea / barrier 표준. 두 chrome 모드만 분기.
M1. Chrome'd · 짧은 모달성 시트 (transparentBackground=false)
Primitive 가 surface 배경 + top-rounded radius.lg shape 자동. 사용처: FeedbackTagSheet
분석이 별로였던 이유
사실 오류 중요 내용 누락 과장/축소 원문과 다름 이해 어려움
M2. Transparent · 풀스크린/커스텀 chrome (transparentBackground=true, 기본)
Primitive 가 transparent — 시트 본문이 자체 카드/safe area/handle 그림. 사용처: in_app_browser / debug_panel / nav_bar_tuning / auth_gate_modal
DART 원문
M3. Transparent · isDismissible=false (auth_gate_modal)
Scrim 탭 닫힘 차단 — dismiss 는 X 아이콘 + drag down 만 허용. 인증 가치 carry 분석 지표 왜곡 방지. 컨텐츠의 3개 social 버튼은 SocialLogin primitive 사용 (Kakao/Google/Apple). Mock 은 iOS 기준 — Android 는 Apple 만 빠짐 (runtime 분기, 별도 컴포넌트 X).
AI 분석을 보려면
AI 한입 분석 (주 10회 무료)
💡 showAppBottomSheet defaults: isScrollControlled=true, useSafeArea=true, barrier 표준. override 가능: isDismissible / enableDrag / useRootNavigator / transparentBackground.
새 시트는 항상 이 헬퍼로. Material showModalBottomSheet 직접 X.
다른 컴포넌트