删除 HStack 中项目之间的填充

Question

我正在尝试定义一个子视图，它是三个按钮，每个按钮都在一个圆角矩形内。 第一个按钮是固定宽度，其他两个按钮应该共享剩余的宽度。 这就是我得到的：

您可以看到按钮之间有一些填充，虽然两个较大的按钮大小正确，但填充使整个东西太宽了。

这是我的 SwiftUI 代码：

struct TopBarView: View {
var body: some View {
    GeometryReader { geometry in
        HStack {
            ZStack {
                RoundedRectangle(cornerRadius: 8, style: .continuous )
                    .stroke()
                    
                Button(action: sideMenu) {
                    Image(systemName: "line.horizontal.3")
                }
            }.frame(width: 48, height: 48, alignment: .center)
            
            ZStack {
                RoundedRectangle(cornerRadius: 8, style: .continuous)
                    .stroke()
                
                Button(action: sideMenu) {
                    Text( "First")
                }
            }.frame(width: (geometry.size.width - 48)/2, height: 48)
            
            ZStack {
                RoundedRectangle(cornerRadius: 8, style: .continuous)
                    .stroke()
    
                Button(action: sideMenu) {
                    Text( "Second")
                }
            }.frame(width: (geometry.size.width - 48)/2, height: 48)
        }
    }
}

func sideMenu() -> Void {
    
}

}

所以我的问题是 - 消除按钮之间的间隙以使一切都适合的正确方法是什么？

Answer 1

您可以将spacing 参数传递给HStack 以删除间距，如下所示：

HStack(spacing: 0) { 
    //some content
}