SwiftUI и Mac Catalyst: боковая панель отображается неправильно

Я включил Mac Catalyst для iPad App и обнаружил странный Display Problem из Sidebar. Снимок экрана приложения Mac Catalyst Код:

@State private var selection: NavigationItem? = .start

NavigationView {
    List(selection: $selection) {
        NavigationLink(destination: StartView(), tag: NavigationItem.start, selection: $selection) {
                Label("Start", systemImage: "square.grid.2x2.fill")
                    .accessibility(label: Text("Start"))
            }
            .tag(NavigationItem.start)

        // 4 more Items
    }
    .listStyle(SidebarListStyle())
    .navigationBarTitle("Impfpass+")
        
    StartView()
}

Вопрос: Этот код создает Standard Sidebar на iPad, однако, как вы можете видеть, Mac Version выглядит странно с этим angular design. Как я могу достичь Standard macOS Sidebar Design?


swift swiftui mac-catalyst catalyst sidebar
person christophriepe    schedule 16.01.2021    source источник

Ответы (1)


arrow_upward
0
arrow_downward

У меня была такая же проблема.

Оказывается, встроенный SidebarListStyle некорректно работает в macOS.

Здесь предлагается решение Стивена Троутона-Смита, которое подразумевает обертывание представлений SwiftUI в UISplitViewController.

По сути :

struct SidebarSplitView: View, UIViewControllerRepresentable {
    typealias UIViewControllerType = UISplitViewController
    let splitViewController = UISplitViewController(style: .doubleColumn)
    
    var columnA = UIViewController()
    var columnB = UIViewController()
    
    init<A:View, B:View>(@ViewBuilder content: @escaping () -> TupleView <(A,B)>) {
        let content = content()
        columnA = UIHostingController(rootView: content.value.0)
        columnB = UIHostingController(rootView: content.value.1)
        columnA.view.backgroundColor = .clear
        columnB.view.backgroundColor = .clear
        splitViewController.viewControllers = [columnA, columnB]
    }
    
    func makeUIViewController(context: Context) -> UIViewControllerType {
        splitViewController.primaryBackgroundStyle = .sidebar
        return splitViewController
    }
    
    func updateUIViewController(_ uiView: UIViewControllerType, context: Context) { }
}

Тогда вы могли бы назвать это как:

struct ContentView: View {
    var body: some View {
        SidebarSplitView {
            Sidebar()   // here goes your sidebar
            MainView()  // here your main view
        }
    }
}
person Que20    schedule 28.06.2021