SwiftUIで複数のPickerを並べたい。その時selectionに配列を対応させたい。

実現したいこと

SwiftUIのPickerをいくつも並んでいて、さまざまな値を選択し、ある計算をするアプリを作りたいと思っています。そのために、ForEachでPickerを複数置き、それぞれのselectionをPickerと同じ数の要素を持った配列に対応させようと考えました。

発生している問題・分からないこと

ForEachで複数のPickerを画面に設置したが、selectionで同じ変数を使ってしまっているため、どれかを変えると全て対応して選択しているものが変わってしまう。そこで配列で実現しようとしたが、うまくいかない。

該当のソースコード

SwiftUI
1Picker(selection: $sl,
2    label: Text(items[id][0] as! String).foregroundColor(.red)) {
3            ForEach(0..<Int(levels[0].reduce(0, +)), id: \.self) { i in
4                Text(eachLevels[i])
5            }
6}

試したこと・調べたこと

teratailやGoogle等で検索した
ソースコードを自分なりに変更した
知人に聞いた
その他

上記の詳細・結果

上記で該当するものを探しましたが、Picker内の選択肢をForEachで回す関連のものしか出てきませんでした。

補足

最新バージョンのXCode, SwiftUIを用いています。

行動規範の内容に同意します

回答1件

ベストアンサー

そこで配列で実現しようとしたが、うまくいかない。

Pickerのselectionに配列の要素を指定したいのですね。

次のような感じでできないでしょうか？
Picker(selection: $slArray[i], ...

2つのPickerを用意して試してみたところ、
それぞれ独立して選択できたようでした。

swift
1struct ContentView: View {
2    @State private var slArray: [Int] = [0, 1]
3    var body: some View {
4        List {
5            Picker("label1", selection: $slArray[0]) {
6                ForEach(0..<10, id: \.self) { i in
7                    Text("text\(i)")
8                }
9            }
10            Picker("label2", selection: $slArray[1]) {
11                ForEach(0..<10, id: \.self) { i in
12                    Text("text\(i)")
13                }
14            }
15        }
16    }
17}