Change side of SwiftUI .toolbar

Question

How do you adjust the vertical height of the .toolbar with SwiftUI? As seen in the image below, the toolbar is way too large (all I need it to do is just to fit those three items):

            NavigationView {
            VStack{
                MapView()
                }.toolbar {
                    ToolbarItem(placement: .principal) {
                        HStack(spacing: 20) {
                            Text("Toolbar")
                            Divider()
                            Button(action: {}) {Image(systemName: "plus.circle")}
                            Divider()
                            Button(action: {}) {Image(systemName:"arrowshape.turn.up.left.circle") 
                            }
                        }
                    }
                
           }

user_14073532 · Answer

struct ContentView: View {
        var body: some View {
            NavigationView {
                VStack{
                    MapView()
                }.toolbar {
                    ToolbarItem(placement: .principal) {
                    HStack(spacing: 20) {
                        Text("Toolbar")
                        Divider()
                    Button(action: {}) {Image(systemName: "plus.circle")}
                        Divider()
                    Button(action: {}) {Image(systemName:"arrowshape.turn.up.left.circle")
                        }
                    }
                }
            }
            .navigationBarTitle("", displayMode: .inline)
        }
    }
}

Result:

Change side of SwiftUI .toolbar

1 Answers