Unexpected behavior with Spacers in SwiftUI Toolbar

Question

Created Jul ’20

Replies 1

Boosts 0

Views 1k

Participants 2

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")
        }
      }

Boost

Answer 1

mechainical OP

Jul ’20

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.

1