У меня есть несколько сборщиков в HStack -> VStack. Я хочу создать сборщик часов, минут и секунд. То, как я настроил его сейчас, - это то, что я ищу, однако 2-й и 3-й сборщики не допускают взаимодействия с пользователем. Есть идеи, почему?

struct TimePicker: View {
@State private var selectedHour = 0
@State private var selectedMin = 0
@State private var selectedSecond = 0
var body: some View {
HStack {
VStack {
Picker(selection: self.$selectedHour, label: Text("Hour")) {
ForEach(0..<24) { hour in
Text("\(hour) Hour")
}
}
}
.frame(minWidth: 100, maxWidth: .infinity)
.clipped()
.border(Color.blue)
VStack {
Picker(selection: self.$selectedMin, label: Text("Min")) {
ForEach(0..<61) { min in
Text("\(min) Min")
}
}
}
.frame(minWidth: 100, maxWidth: .infinity)
.clipped()
.border(Color.yellow)
VStack {
Picker(selection: self.$selectedSecond, label: Text("Sec")) {
ForEach(0..<61) { sec in
Text("\(sec) Sec")
}
}
}
.frame(minWidth: 100, maxWidth: .infinity)
.clipped()
.border(Color.purple)
}
}
}