Cursor rule

1---
2alwaysApply: false
3---
4 
5## Use contentInset for Dynamic ScrollView Spacing
6 
7When adding space to the top or bottom of a ScrollView that may change
8(keyboard, toolbars, dynamic content), use `contentInset` instead of padding.
9Changing `contentInset` doesn't trigger layout recalculation—it adjusts the
10scroll area without re-rendering content.
11 
12**Incorrect (padding causes layout recalculation):**
13 
14```tsx
15function Feed({ bottomOffset }: { bottomOffset: number }) {
16  return (
17    <ScrollView contentContainerStyle={{ paddingBottom: bottomOffset }}>
18      {children}
19    </ScrollView>
20  )
21}
22// Changing bottomOffset triggers full layout recalculation
23```
24 
25**Correct (contentInset for dynamic spacing):**
26 
27```tsx
28function Feed({ bottomOffset }: { bottomOffset: number }) {
29  return (
30    <ScrollView
31      contentInset={{ bottom: bottomOffset }}
32      scrollIndicatorInsets={{ bottom: bottomOffset }}
33    >
34      {children}
35    </ScrollView>
36  )
37}
38// Changing bottomOffset only adjusts scroll bounds
39```
40 
41Use `scrollIndicatorInsets` alongside `contentInset` to keep the scroll
42indicator aligned. For static spacing that never changes, padding is fine.
43