Swift 当我不断增大按钮的尺寸时，我试着保持按钮居中？

我是SwiftUI的新手。我的问题是，每次我尝试增大屏幕尺寸时，按钮都会稍微移到屏幕的一侧。我想增加尺寸，同时保持一切居中。如果我拿不到，我就把它拿走。我想我可能是间接地增加了按钮的大小，但我不完全确定

import SwiftUI


struct ContentView: View {
@State private var Waifus = ["Rem","Chika","Zero Two","SpeedWagon","Ochaco","Momo","Nezuko","Nami","YunYun","Megumin","Darkness","Reigen","Diane","Froppy"].shuffled()
@State private var CorrectGirl = Int.random(in: 0...2)

@State private var ShowingScore = false
@State private var ScoreTitle = ""
@State private var Points = 0

var body: some View {
    NavigationView {

        ZStack {
            Image("Testing")
                .resizable()
                .scaledToFill()
                .edgesIgnoringSafeArea(.all)

            VStack(spacing: 30) {

                VStack {
                    Spacer()
                    Text("Tap The Waifu")
                        .foregroundColor(.white)
                        .font(.largeTitle)
                    Text(Waifus[CorrectGirl])
                        .foregroundColor(.white)
                        .font(.largeTitle)
                        .fontWeight(.black)

                }


                ForEach(0 ..< 4 ) { number in
                    Button(action: {
                        self.WaifuTapped(number)
                    }) {

                        Image(self.Waifus[number])
                            .renderingMode(.original)
                            .frame(width: 90, height: 90)
                        .clipShape(Circle())
                            .overlay(Circle().stroke(Color.white, lineWidth : 4))



                    }

                }
                Text("You have")
                    .font(.largeTitle)
                    .foregroundColor(.white)
                Text("\(Points) Points")
                    .foregroundColor(.white)
                    .font(.largeTitle)
                    .fontWeight(.black)

                Spacer()
            }
        }
        .alert(isPresented: $ShowingScore) {
            Alert(title: Text(ScoreTitle),message: Text("Your Score is \(Points)"),dismissButton:
                .default(Text("Countinue Weeb")) {
                    self.askQuestion()
                })
        }
    }

}


func WaifuTapped(_ number : Int) {
    if number == CorrectGirl {
        ScoreTitle = "Correct"
        Points += 1
    } else {
        ScoreTitle = "Wrong, The Waifu was \(self.Waifus[number])"
    }

    ShowingScore = true
}

func askQuestion() {
    Waifus.shuffle()
    CorrectGirl = Int.random(in: 0...2)

}

导入快捷界面
结构ContentView:View{
@国有私营企业var Waifus=[“Rem”、“Chika”、“零二”、“快车”、“Ochaco”、“Momo”、“Nezuko”、“Nami”、“YunYun”、“Megumin”、“Darky”、“Reigen”、“Diane”、“Froppy”]。]
@国家私有变量=Int.random（in:0…2）
@状态私有变量ShowingScore=false
@国家私有var ScoreTitle=“”
@国家私有变量点=0
var body：一些观点{
导航视图{
ZStack{
图像（“测试”）
.可调整大小（）
.scaledToFill（）
.edgesIgnoringSafeArea（.all）
VStack（间距：30）{
VStack{
垫片（）
文本（“点击外福”）
.foregroundColor（.白色）
.font（.largeTitle）
文本（Waifus[CorrectGirl]）
.foregroundColor（.白色）
.font（.largeTitle）
.fontWeight（.黑色）
}
ForEach（0..<4）{
按钮（操作：{
自我保护（编号）
}) {
图像（self.Waifus[number]）
.renderingMode（.original）
.框架（宽度：90，高度：90）
.clipShape（圆（））
.overlay（圆圈（）.stroke（颜色.白色，线宽：4））
}
}
文本（“您有”）
.font（.largeTitle）
.foregroundColor（.白色）
文本（“\（点）点”）
.foregroundColor（.白色）
.font（.largeTitle）
.fontWeight（.黑色）
垫片（）
}
}
.警报（显示：$ShowingScore）{
警报（标题：文本（ScoreTitle），消息：文本（“您的分数为\（点数）”），解除按钮：
.默认值（文本（“Countinue Weeb”））{
self.askQuestion（）
})
}
}
}
func WaifuTapped（编号：Int）{
如果数字==正确的女孩{
ScoreTitle=“正确”
点数+=1
}否则{
ScoreTitle=“错，Waifu是\（self.Waifus[number]）”
}
ShowingScore=true
}
func askQuestion（）{
Waifus.shuffle（）
CorrectGirl=Int.random（in:0…2）
}

---

}

按钮居中…顺便说一句：尽量使示例代码保持简单，并尽量发布所有人都可以粘贴和编译的代码-因此，如果您增加大小，帮助您会容易得多。。你的按钮不在屏幕上。。你为什么要调整尺寸？@JawadAlibevahse我希望它们更大一些，同时设法保持完整