Full Screen Sidebar with SwiftUI on Big Sur

Question

Created Jun ’20

Replies 2

Boosts 0

Views 2.2k

Participants 3

Adopt the new look of macOS covered how to create a full screen sidebar in AppKit, but I'm not able to figure out how to accomplish this with SwiftUI. Any ideas as to what I'm missing?

Code Block swift@main
struct MyApp: App {
  var body: some Scene {
		WindowGroup {
      ContentView()
		}
  }
}
struct ContentView: View {
  @State var strings: [String] = ["A", "B", "C"]
  @State var selection: String?
  var body: some View {
	  HSplitView {
      List(selection: $selection) {
        ForEach(strings, id: \.self) { string in
          Text(string)
      	}
	    }
			.listStyle(SidebarListStyle())
	    VStack {
        Spacer()
        Text(selection ?? "<none>")
          .frame(idealWidth: 100, maxWidth: .infinity, alignment: .center)
   		  Spacer()
			}
    }
  }
}

I already filed FB7776520 in case it's not possible, but I'm assuming I'm missing something since it's a marquee feature. Thanks!

Update: If I replace HSplitView with NavigationView it works as expected. 🤦‍♂️

Answered by Frameworks Engineer in 615482022

As you discovered, NavigationView knows how to provide the full-height sidebar appearance for its first child view.

Boost

Answer 1

Frameworks Engineer OP

Apple

Jun ’20

Accepted Answer

As you discovered, NavigationView knows how to provide the full-height sidebar appearance for its first child view.

2

Answer 2

Tapcast-paul OP

Jun ’20

Did you happen to figure out how to show a toggle sidebar button on macOS with SwiftUI?

1