Updated for Xcode 14.2
If you’ve used UIKit before, many of the classes you know and love map pretty much directly to their SwiftUI equivalents just by dropping the UI
prefix. That doesn’t mean they are the same thing underneath, just that they have the same or similar functionality.
Here’s a list to get you started, with UIKit class names followed by SwiftUI names:
UITableView
: List
UICollectionView
: LazyVGrid
and LazyHGrid
UILabel
: Text
UITextField
: TextField
UITextField
with isSecureTextEntry
set to true: SecureField
UITextView
: TextEditor
(plain strings only)UISwitch
: Toggle
UISlider
: Slider
UIButton
: Button
UINavigationController
: NavigationStack
or NavigationSplitView
UIAlertController
with style .alert
: Alert
UIAlertController
with style .actionSheet
: ActionSheet
UIStackView
with horizontal axis: HStack
UIStackView
with vertical axis: VStack
UIImageView
: Image
UISegmentedControl
: Picker
UIStepper
: Stepper
UIDatePicker
: DatePicker
UIProgressView
: ProgressView
with a valueUIActivityIndicatorView
: ProgressView
without a valueNSAttributedString
: Incompatible with SwiftUI; use Text
instead.There are many other components that are exclusive to SwiftUI, such as a stack view that lets us build things by depth rather than horizontally or vertically.
SPONSORED From March 20th to 26th, you can join a FREE crash course for mid/senior iOS devs who want to achieve an expert level of technical and practical skills – it’s the fast track to being a complete senior developer!
Sponsor Hacking with Swift and reach the world's largest Swift community!
Link copied to your pasteboard.