修改alert标题_[SwiftUI 100天] 猜国旗 · part2 按钮和 alert

译自 Stacking up buttons
更多内容，欢迎关注公众号：Swift花园
喜欢文章？不如来个 ➕三连？关注专栏，关注我

堆叠按钮

我们即将为我们的app构建基本的 UI 结构，它们包括两个指示用户操作的标签以及三个显示国旗的图片按钮。

首先，打开 Xcode 的 Assets.xcassets，然后把国旗图片拖进去，确保你找到的国旗图片包含 @2x 或者 @3x 的版本。它们是用于处理不同类型的 iPhone 屏幕的两倍分辨率和三倍分辨率的图像。

接下来，我们添加两个属性来存储游戏的数据：一个是存放所有国家图片名字的数组，另一个是代表正确国家的数组索引。

var countries = ["Estonia", "France", "Germany", "Ireland", "Italy", "Nigeria", "Poland", "Russia", "Spain", "UK", "US"]
var correctAnswer = Int.random(in: 0...2)

Int.random(in:) 方法随机选择一个整数，在这里刚好适用 – 我们用这个数来决定应当点击哪个国家的国旗。

在 body 方法里，我们需要用一个 VStack 来布局游戏提示：

var body: some View {
    
    VStack {
    
        Text("Tap the flag of")
        Text(countries[correctAnswer])
    }
}

在提示下方，我们会放置可点击的按钮。你可以直接放进同一个VStack，当然也可以创建一个新的 VStack，以便单独控制间距。

前一个存放两个文本视图的VStack 没有间距&