如何将HStack分成两个相等的部分并将图像放置在每个部分的中间？

Question

我想有条件地将HStack分成两个相等的部分，并在每个部分的中间放置一个圆圈，如何做到这一点？

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

Answer 1

一种方法是给图像frame加上maxWidth: .infinity。这将导致它们扩展以填充空间：

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