52. Android Material 바텀 시트 Design a Material Design bottom sheet: **Sheet Container**: - Position: bottom, full width - Background: white, radius 28px top corners - Elevation: 8dp shadow - Max-height: 90% of screen **Handle/Drag Indicator**: - Width: 32px, height: 4px - Background: gray-300 - Border-radius: full - Center top, 12px from edge **Sheet States**: - Collapsed: shows peek content (header only) - Half-expanded: 50% screen height - Expanded: full/max height **Gestures**: - Drag handle to expand/collapse - Swipe down to dismiss - Tap outside to close - Velocity-based snap points **Content Structure**: - Header: title, close X optional - Scrollable content area - Footer: sticky actions if needed **Persistent Bottom Sheet**: - Always visible at peek height - Content scrolls within **Modal Bottom Sheet**: - Has scrim/overlay behind - Blocks content underneath - Dismiss on outside tap **Animation**: - Spring physics (damping, stiffness) - Smooth interpolation - 300ms typical duration **Peek Content**: - Preview of content (map pin info, player controls) - Minimal actions - Clear affordance to expand Tech: React Native + react-native-reanimated + react-native-gesture-handler