双线表单选取器

Question

我正在尝试创建一个显示两行数据/条目的表单选择器。最上面一行正确显示了两个字体略有不同的项目。第三项显示在由水平形式行分隔的第二行上。我还得到了两个复选标记——每行一个。

...
var currCountry: [String] = ["con 1", "con 2", "con 3", "con 4"]
var currSymbol: [String] = ["sym 1", "sym 2", "sym 3", "sym 4"]
var currName: [String] = ["name 1", "name 2", "name 3", "name 4"]
@ObservedObject var userData = UserData()
var body: some View {

NavigationView {
Form {
Picker("select", selection: $userData.entry) {
ForEach(0 ..< self.currCountry.count) { i in
HStack {
Text(currCountry[i])
.font(.caption)
Text(currSymbol[i])
.font(.caption2)
}
Text(currName[i])
.font(.caption2)
}
}
}.navigationBarTitle("important info")
}
}
...

Answer 1

不确定你的问题是什么，所以我会跳一跳。你指的是你想水平放置两个项目，然后垂直放置第三个项目吗？例如：

VStack {
HStack {
Text(currCountry[i])
.font(.caption)
Text(currSymbol[i])
.font(.caption2)
}
Text(currName[i])
.font(.caption2)
}

这样，此时只有一个复选标记？如果你不想提到这一点，你能举一个例子说明你想要什么类型的输出吗。