How to add a sidebar for iPadOS
Updated for Xcode 12.0
New in iOS 14
In iPadOS it’s possible to show not only a regular split view controller, but also to add a sidebar that can be shown with a button tap. In SwiftUI we accomplish this by adding a third view to a NavigationView, like this:
struct ContentView: View {
var body: some View {
NavigationView {
Sidebar()
PrimaryView()
DetailView()
}
}
}SwiftUI will automatically take care of showing a button to slide in your bar from the side of the screen, and also collapse it with your primary view if you’re in a compact size class.
If you’re presenting a list inside your sidebar, it’s a good idea to use the .listStyle() to give it the system-standard theme for sidebars, like this:
struct Sidebar: View {
var body: some View {
List(1..<100) { i in
Text("Row \(i)")
}
.listStyle(SidebarListStyle())
}
}
SPONSORED Would you describe yourself as knowledgeable, but struggling when you have to come up with your own code? Fernando Olivares has a new book containing iOS rules you can immediately apply to your coding habits to see dramatic improvements, while also teaching applied programming fundamentals seen in refactored code from published apps.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Similar solutions…
