如何在SwiftUI中使用zindex将视图居中

我的自定义视图有两个元素，

roundedlectangle

和

Text

。我希望这些视图显示为一个按钮。但是，视图不能在

ZStack

中居中

导入快捷界面
结构命令按钮视图：视图{
让文本：字符串
让颜色：颜色
var body：一些观点{
ZStack（对齐：。中心）{
圆角转角（拐角半径：8.0）
.尺寸（宽：40.0，高：40.0）
.填充（颜色）
.zIndex（100）
文本（文本）
//.foregroundColor（.白色）
.font（.system（.body，设计：。等距））
.zIndex（101）
}
}
}
结构命令按钮视图预览：预览提供程序{
静态var预览：一些视图{
CommandButtonView（文本：“=”，颜色：。绿色）
}
}

ZStack的
alignment
是如何工作的？
这里是固定变量


struct CommandButtonView: View {
    let text: String
    let color: Color

    var body: some View {
        ZStack(alignment: .center) {
            RoundedRectangle(cornerRadius: 8.0)
                .fill(color)
                .frame(width: 40.0, height: 40.0)
            Text(text)
                .foregroundColor(.white)
                .font(.system(.body, design: .monospaced))
        }
    }
}