Scroll Views — HIG Playground

Explore iOS Scroll View Vertical/Horizontal directions with Paging, Indicator, and Bounce options interactively. Change properties in the control panel to see them reflected on the iPhone screen instantly.

9:41

●●●● WiFi 🔋

Scroll Views

⚠️ HIG Violation: Improper scroll view

📚 HIG Guidelines — Try It Yourself

✓ Do — Good Example

✗ Don't — Bad Example

✓ Do This

Provide visual cues that content is scrollable (partial content visible at edges)
Use paging behavior for full-width items like onboarding or photo galleries
Show scroll indicators during active scrolling
Support both drag and swipe gestures
Use horizontal scrolling for related, browsable content

✗ Don't Do This

Don't nest scroll views in the same direction
Don't hide all scrollable content below the fold with no visual hint
Don't disable bounce unless you have a strong reason
Don't use horizontal scrolling for primary navigation lists

👆 See the bad pattern in the iPhone preview above

Paging

Show Indicators

Bounce

SwiftUI Code