Unexpected behavior with Spacers in SwiftUI Toolbar

I'm seeing unexpected behavior with the SwiftUI Toolbar. This code works but the items are grouped together in the center of the toolbar (as expected). However, if I add the two Spacers everything disappears.          

   ToolbarItem(placement: .bottomBar) {
              HStack {
                Button(Constants.Buttons.Location) {
                  print("button")
                }
                //Spacer()
                Image(systemName: Constants.Icons.Share)
                //Spacer()
                Button(Constants.Buttons.Website) {
                  print("button")
                }
              }
            }

If I add them all individually (including the two Spacers) I get the result I was expecting.

       ToolbarItem(placement: .bottomBar) {
        Button(Constants.Buttons.Location) {
          print("button")
        }
      }
      ToolbarItem(placement: .bottomBar) {
        Spacer()
      }
      ToolbarItem(placement: .bottomBar) {
        Image(systemName: Constants.Icons.Share)
      }
      ToolbarItem(placement: .bottomBar) {
        Spacer()
      }
      ToolbarItem(placement: .bottomBar) {
        Button(Constants.Buttons.Website) {
          print("button")
        }
      }

Replies

I have exactly the same problem, but can’t find any other references to the issue despite the fact that I would have thought this would have been a common coding pattern. So I am wondering if it is do with my setup somehow.