swift - How to divide HStack into two equal parts and place image in the middle of each part?

Question

I want to conditionally divide HStack into two equal parts and place a circle in the middle of each part, how can this be done?

struct ContentView: View {
    
    var body: some View {
        Form{
            HStack{
                Image(systemName: "circle.fill")
                Image(systemName: "circle.fill")
            }
        }
    }
}

question from:https://stackoverflow.com/questions/65873595/how-to-divide-hstack-into-two-equal-parts-and-place-image-in-the-middle-of-each

Answer 1

We can use two transparent colors that fill equally available space and put images into overlay, which uses centred default layout, like

var body: some View {
    Form{
        HStack{
            Color.clear.overlay(Image(systemName: "circle.fill"))
            Color.clear.overlay(Image(systemName: "circle.fill"))
        }
    }
}