How do I achieve a complex toolbar layout using SwiftUI, for a macOS target?

Question

Created Jul ’20

Replies 3

Boosts 0

Views 1.6k

Participants 4

Using the new .toolbar modifier, I have successfully created a toolbar for my macOS 11 target.

I have all my buttons laid out within a ToolbarItem, with placement set as .primaryAction.

Code Block ToolbarItem(placement: .primaryAction) {
    ToolbarButtons()
}

By using the following Label and Spacer() I can hard code a "star" systemImage further to the left of the ToolbarButtons...

Code Block .toolbar {
		ToolbarItem(placement: .primaryAction) {
   		 HStack {
       		 Label("Text", systemImage: "star")
       		 Spacer(minLength: 60)
       		 ToolbarButtons()
   		 }
		}
}

I can improve the complexity by adding in a separate ToolbarItem with placement set as .navigation...

Code Block .toolbar {
		ToolbarItem(placement: .navigation) {
				ToolbarButtonToLeadingEdge()
		}
		ToolbarItem(placement: .primaryAction) {
   		 HStack {
       		 Label("Text", systemImage: "star")
       		 Spacer(minLength: 60)
       		 ToolbarButtons()
   		 }
		}
}

...but I still do not have the control over placement that I am hoping for.

So is anyone able to please explain how I achieve the complex layout included in many of Apple's Apps (my example would be Notes), that include separators between the master and detail views, that resize with the window as it resizes?

Boost

Answer 1

Dimilliann OP

Jul ’20

Any news on that? Having the same problem.

0

Answer 2

fractal OP

Jul ’20

Wondering the same thing. In particular there doesn't seem to be a way to place items in the toolbar area above a source list on macOS (like in Calendar for example).

0

Answer 3

Arnfried Griesert OP

Jul ’20

I also hope we will see a SwiftUI solution for this problem before the end of the beta

1