Блог

У меня есть 3-панельное приложение SwiftUI для macOS (работает под управлением macOS Monterey Beta 9, Xcode 13 Beta 5), и я добавляю элементы панели инструментов в окно.

Некоторые из этих элементов Spacer панели инструментов находятся между ними, но я получаю это странное поведение: в области панели инструментов боковой панели есть Spacer между 2 кнопками, но, похоже, это не работает. И на панели деталей Spacer это работает только наполовину.

Вот пример кода:

 var body: some View {
    NavigationView {
        Text("Sidebar")
            .frame(minWidth: 200)
            .toolbar {
                Button(action: {}) { Image(systemName: "sidebar.left") }
                Spacer() // Comment out this line, and detail panel works fine
                Button(action: {}) { Image(systemName: "play.fill") }
            }
        Text("Middle")
            .frame(minWidth: 200)
            .toolbar {
                Button(action: {}) { Image(systemName: "trash") }
            }
            .navigationTitle("Test")
        Text("Detail")
            .frame(minWidth: 200)
            .toolbar {
                Button(action: {}) { Image(systemName: "scribble") }
                Spacer() // Comment out this line, and sidebar panel works fine
                Button(action: {}) { Image(systemName: "ellipsis.circle") }
            }
    }
}
 

Странно то, что удаление Spacer с боковой панели, похоже, устраняет проблему на панели сведений. Это также работает в обратном порядке, поэтому удаление Spacer с панели сведений исправляет боковую панель.

Вот предполагаемое поведение (я отредактировал изображение):

В чем здесь может быть проблема?

вы могли бы попробовать что-то вроде этого:

 struct ContentView : View {
    
    var body: some View {
        NavigationView {
            Text("Sidebar").frame(minWidth: 200)
                .toolbar {
                    ToolbarItemGroup (placement: .principal) {
                        HStack {
                            Button(action: {}) { Image(systemName: "sidebar.left") }
                            Spacer()
                            Button(action: {}) { Image(systemName: "play.fill") }
                        }
                    }
                }
            Text("Middle").frame(minWidth: 200)
                .toolbar {
                   ToolbarItemGroup (placement: .principal) {
                    HStack {
                        Text("Test").bold()
                        Spacer()
                        Button(action: {}) { Image(systemName: "trash") }
                    }
                   }
                }
            Text("Detail").frame(minWidth: 200)
                .toolbar {
                    ToolbarItemGroup (placement: .principal) {
                        HStack {
                            Button(action: {}) { Image(systemName: "scribble") }
                            Spacer()
                            Button(action: {}) { Image(systemName: "ellipsis.circle") }
                        }
                    }
                }
        }
    }
}