- Published on
> Using DisclosureGroup to hide and show content
- Authors
- Name
- Mick MacCallum
- @0x7fs
The DisclosureGroup view provides a convenient way to show/hide collapsable content in your app. Simply provide a title and a view that you want to hide to its content closure.
DisclosureGroup("Technical specifications") {
VStack(alignment: .leading) {
Text("Weight: 250g")
Text("Dimensions: 10 x 5 x 2 cm")
Text("Material: Aluminum")
}
.frame(
maxWidth: .infinity,
alignment: .leading
)
}
If you need to keep track of when the disclosure group is expanded, you can utilize its optional isExpanded: Binding<Bool> binding.
struct ContentView: View {
@State private var isExpanded = false
var body: some View {
DisclosureGroup("Technical specifications", isExpanded: $isExpanded) {
// ...
}
}
}
// Continue_Learning
01
[SwiftUI][UI]
Creating custom styles for DisclosureGroup views
Learn how to use DisclosureGroupStyle to create custom DisclosureGroup views in SwiftUI.
ACCESS
02
[SwiftUI][UI]
How to Change the Background Color of a View in SwiftUI
Learn different ways to set background colors on SwiftUI views, from simple color fills to gradients and materials.
ACCESS
03
[SwiftUI][Sheet]
Prevent Drag-to-Dismiss on SwiftUI Sheets
Learn how to prevent users from dismissing modal sheets by swiping down in SwiftUI using interactiveDismissDisabled.
ACCESS
subscribe.sh
// Stay Updated
Get notified when I publish new tutorials on Swift, SwiftUI, and iOS development. No spam, unsubscribe anytime.