How to group views together with ControlGroup
Updated for Xcode 14.2
New in iOS 15
SwiftUI’s ControlGroup View lets us tell the system that two or more views should be grouped together because they are related. What it does with that information is down to the context where they are used and the platform your code is running on.
For example, on iOS and macOS, this will display three buttons attached horizontally, in a style sometimes called “momentary segmented”:
ControlGroup {
Button("First") { }
Button("Second") { }
Button("Third") { }
}
.padding()
Download this as an Xcode project
When you run that code you’ll see the buttons are clearly attached to each other visually, but still operate individually.
ControlGroup is particularly useful when creating customizable toolbars, where buttons in a control group must be added or removed together rather than split up.
SPONSORED Play is the first native iOS design tool created for designers and engineers. You can install Play for iOS and iPad today and sign up to check out the Beta of our macOS app with SwiftUI code export. We're also hiring engineers!
Sponsor Hacking with Swift and reach the world's largest Swift community!
Similar solutions…
