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

Question

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

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

标签： swiftswiftui

Answer 1

我们可以使用两种透明颜色填充相同的可用空间，并将图像放入叠加层，它使用居中的默认布局，例如

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