双行表单选择器

Question

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

...
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)
}

这样一来此时只有一个对勾？如果这不是您所指的，请举例说明您要寻找的输出类型。

双行表单选择器

Dual Line Form Picker

swiftui

ios14