Intの配列を表示するリストを作りました。複数の数字を選択して下のボタンを押すと選択した数字の合計が出るようにしています。ですが何故か、同じ数字が複数ある列を押すとその数字の列が全て選択されてしまいます。UUIDを使えば上手くいくと思いますが最終的に表示したいのはIntなのでどのようにそれを両立させるかが中々分かりません... どなたかご教授いただけないでしょうか...?
(それとなぜか最後の列が選択されないのも非常に不思議です...)
下にGIFとコードを添付しています。
import SwiftUI struct MultipleSelectionList: View { @State var items: [Int] = [20, 20, 50, 23, 3442, 332] @State var selections: [Int] = [] @State var result: Int = 0 var body: some View { VStack { List { ForEach(items, id: .self) { item in MultipleSelectionRow(value: item, isSelected: self.selections.contains(item)) { if self.selections.contains(item) { self.selections.removeAll(where: { $0 == item }) } else { self.selections.append(item) } } } } Button(action: { result = selections.reduce(0, +) }, label: { Text("Show result") }) .padding() Text("Result is (result)") Text("The number of items in the array is (selections.count)") .padding() Spacer() } } } struct MultipleSelectionRow: View { var value: Int var isSelected: Bool var action: () -> Void var body: some View { Button(action: self.action) { HStack { Text("(self.value)") if self.isSelected { Spacer() Image(systemName: "checkmark") } } } } } struct ContentView_Previews: PreviewProvider { static var previews: some View { MultipleSelectionList() } }
あなたの回答
tips
プレビュー