Skip to content

Commit 42683a4

Browse files
mithun50claude
andcommitted
Fix scroll functionality in LocationPermissionDisclosure
- Change ScrollView from style to contentContainerStyle - Add flexGrow to allow content to be fully scrollable - Add overflow hidden to container to prevent content overflow - Enable vertical scroll indicator for better UX - Add bounces effect for natural scrolling feel 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent 36c635c commit 42683a4

1 file changed

Lines changed: 8 additions & 2 deletions

File tree

components/LocationPermissionDisclosure.tsx

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,11 @@ export default function LocationPermissionDisclosure({
4343
>
4444
<View style={styles.overlay}>
4545
<View style={styles.container}>
46-
<ScrollView style={styles.scrollView}>
46+
<ScrollView
47+
contentContainerStyle={styles.scrollViewContent}
48+
showsVerticalScrollIndicator={true}
49+
bounces={true}
50+
>
4751
{/* Header */}
4852
<View style={styles.header}>
4953
<Ionicons name="location" size={48} color="#3B82F6" />
@@ -202,9 +206,11 @@ const styles = StyleSheet.create({
202206
shadowOffset: { width: 0, height: 2 },
203207
shadowOpacity: 0.25,
204208
shadowRadius: 8,
209+
overflow: 'hidden', // Ensure content doesn't overflow
205210
},
206-
scrollView: {
211+
scrollViewContent: {
207212
padding: isSmallScreen ? 16 : isMediumScreen ? 20 : 24,
213+
flexGrow: 1, // Allow content to grow and be scrollable
208214
},
209215
header: {
210216
alignItems: 'center',

0 commit comments

Comments
 (0)