SwiftUI sidebar not behaving as intended

Question

Created Oct ’21

Replies 1

Boosts 0

Views 1.4k

Participants 2

Hi! I'm having an issue where my sidebar isn't showing my NavigationView's how I wanted them to be displayed (See screenshots). I would like if it could take up the whole second panel, any help would be greatly appreciated, thanks!

Screen Shot 2021-10-31 at 6.36.12 PM.png

Screen Shot 2021-10-31 at 6.36.24 PM.png

import SwiftUI



struct SidebarView: View {

    var body: some View {

        NavigationView {

            List {

                NavigationLink(destination: ExploreView()) {

                    Label("Explore", systemImage: "rectangle.3.group")

                }

                

                NavigationLink(destination: ListView()) {

                    Label("Devices", systemImage: "list.bullet.below.rectangle")

                }

            }

            .listStyle(.sidebar)

            .navigationTitle("Orchard")

            ExploreView()

        }



    }

}



struct SidebarView_Previews: PreviewProvider {

    static var previews: some View {

        SidebarView()

            .environmentObject(ModelData())

.previewInterfaceOrientation(.landscapeLeft)

    }

}

Boost

Answer 1

workingdogintokyo OP

Oct ’21

Your code seems to work for me on macos 12.1beta, xcode 13.1, targets ios 15 and MacCatalyst macos 12. Tested on real devices, iPad and Mac. Here is my test code:

import SwiftUI

@main
struct TestApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

struct ContentView: View {
    var body: some View {
        NavigationView {
            List {
                NavigationLink(destination: ExploreView()) {  
                    Label("Explore", systemImage: "rectangle.3.group")
                }
                NavigationLink(destination: Text("ListView")) {  // <-- for testing
                    Label("Devices", systemImage: "list.bullet.below.rectangle")
                }
            }
            .listStyle(.sidebar)
            .navigationTitle("Orchard")
            ExploreView()  
        }
    }
}

// for testing
struct ExploreView: View {
    var body: some View {
        ZStack {
            Color.pink.ignoresSafeArea()
            Label("Devices", systemImage: "list.bullet.below.rectangle").foregroundColor(.white)
        }
    }
}

0