safe-area/Insights
Safe Area Insights
Key learnings for Safe Area handling
insightshooksprovider
Safe Area Insights
Key Learnings
- Root provider - Wrap at root in _layout.tsx
- Insets hook - useSafeAreaInsets() returns {top,right,bottom,left}
- Pixels - Insets are in pixels, not logical
Gotchas
- Android doesn't account for keyboard
- Use useSafeAreaFrame() for measurements