แผ่นงาน SwiftUI แสดงแผ่นงานที่มีข้อมูลไม่ถูกต้อง

Question

ฉันมีรายการที่แสดง 1, 2 และ 3 เมื่อแตะข้อความแอปจะเปิดแผ่นงานที่มีการแตะหมายเลข อย่างไรก็ตามหากฉันแตะข้อความในแถวที่สองหรือสามตัวเลขที่แสดงในแผ่นงานยังคงเป็น 1 ฉันทำอะไรผิด?

import SwiftUI

struct ContentView: View {
    
    var numbers = [1, 2, 3]
    @State private var shouldPresentSheet = false
    
    var body: some View {
        List(self.numbers, id: \.self) { number in
            Text("number: \(number)").sheet(isPresented: self.$shouldPresentSheet) {
                Text("This is sheet number \(number)")
            }.onTapGesture {
                self.shouldPresentSheet.toggle()
            }
        }
    }
}

Answer 1

คุณต้องสร้างแผ่นงานหนึ่งแผ่นแทนที่จะเป็นแผ่นงานหลายแผ่น

หากคุณต้องการใช้.sheet(isPresented:content:)คุณสามารถทำสิ่งต่อไปนี้:

struct ContentView: View {
    var numbers = [1, 2, 3]
    @State private var selectedNumber: Int?

    var body: some View {
        List(numbers, id: \.self) { number in
            Text("number: \(number)")
                .onTapGesture {
                    self.selectedNumber = number
                }
        }
        .sheet(isPresented: binding) {
            Text("This is a sheet number \(self.selectedNumber ?? 0)")
        }
    }

    var binding: Binding<Bool> {
        .init(
            get: { self.selectedNumber != nil },
            set: { _ in }
        )
    }
}

---

หรือคุณสามารถใช้.sheet(item:content:):

struct Model: Identifiable {
    let id: Int
}

struct ContentView: View {
    var numbers = [1, 2, 3].map(Model.init)
    @State private var selectedNumber: Model?

    var body: some View {
        List(numbers, id: \.id) { number in
            Text("number: \(number.id)")
                .onTapGesture {
                    self.selectedNumber = number
                }
        }
        .sheet(item: $selectedNumber) { item in
            Text("This is a sheet number \(item.id)")
        }
    }
}

แก้ไข

หากคุณตัดสินใจที่จะใช้.sheet(item:content:)คุณสามารถเพิ่มส่วนขยายลงในInt(แทนที่จะสร้างโครงสร้างที่กำหนดเองที่สอดคล้องกับIdentifiable):

extension Int: Identifiable {
    public var id: Int { self }
}

ตามที่เสนอในคำตอบของ Asperi