Pickers

Explore four iOS Picker styles interactively. Change Wheel, Menu, Segmented, and Inline styles with item count in the control panel to see changes reflected on the iPhone screen instantly.

9:41
●●●● WiFi 🔋
Pickers
Selected
San Francisco
Wheel Picker
⚠️ HIG Violation: Improper picker usage
📚 HIG Guidelines — Try It Yourself
✓ Do — Good Example
✗ Don't — Bad Example

✓ Do This

  • Use wheel picker for short, predictable lists
  • Use segmented for 2-5 mutually exclusive options
  • Use menu picker to save vertical space
  • Pre-select a default value when possible
  • Keep picker items concise and scannable

✗ Don't Do This

  • Don't use a wheel picker for very long lists
  • Don't use segmented for more than 5 items
  • Don't mix picker styles within the same form
  • Don't force users to scroll through many items without search

👆 See the bad pattern in the iPhone preview above

3
5
8
12
SwiftUI Code