如何使用SwiftUI让按钮和标签具有相同的宽度？

在SwiftUI中，可以使用Spacer来实现让按钮和标签具有相同的宽度。Spacer是一个弹性空间，它会占据剩余的空间，并将其分配给其他视图。

下面是一个示例代码，展示了如何使用Spacer来实现按钮和标签具有相同的宽度：

import SwiftUI

struct ContentView: View {
    var body: some View {
        HStack {
            Button(action: {
                // 按钮点击事件
            }) {
                Text("按钮")
                    .frame(maxWidth: .infinity) // 设置按钮的最大宽度为无限大
                    .padding()
                    .background(Color.blue)
                    .foregroundColor(.white)
                    .cornerRadius(10)
            }
            
            Spacer() // 弹性空间，占据剩余的空间
            
            Text("标签")
                .frame(maxWidth: .infinity) // 设置标签的最大宽度为无限大
                .padding()
                .background(Color.green)
                .foregroundColor(.white)
                .cornerRadius(10)
        }
        .padding()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

在上述代码中，我们使用HStack将按钮和标签水平排列。通过在按钮和标签上设置frame(maxWidth: .infinity)，我们将它们的最大宽度设置为无限大，使它们可以占据剩余的空间。然后，使用Spacer来填充剩余的空间，使按钮和标签具有相同的宽度。

此外，我们还对按钮和标签进行了一些样式设置，例如设置背景颜色、前景颜色和圆角等。

关于SwiftUI的更多信息，您可以参考腾讯云的相关文档和教程：