Center Item Inside Horizontal Stack

Question

If I have 3 items inside a Horizontal Stack, I thought I could do something like this:

HStack{

      Text(\"test\")

      Spacer()

      item2()

      Sp         


        

Answer 1

I had the same problem and the solution from @Asperi works, but i had problems with multiline texts and some performance issues if i use it in a list.

The following solution solved all the problems.

HStack(alignment: .center) {
  Text("test")
      .frame(maxWidth: .infinity)
  item2()
  Text("test")            
      .frame(maxWidth: .infinity)
}