如何在 SwiftUI 中使用列表答案

【问题标题】：How to use a List in SwiftUI如何在 SwiftUI 中使用列表
【发布时间】：2019-10-27 01:36:53
【问题描述】：

我有一个 WorkoutView，错误发生在 'List(workouts, id: .id)' 错误是“类型'_'没有成员'id'” 这是视图：

struct WorkoutsView: View {
@State var presentBuilder = false
var workouts = WorkoutData.data()

var body: some View {
    NavigationView {
        List(workouts, id: \.id) { workout in
            NavigationLink(destination: WorkoutDetailView()) {
                WorkoutBlockView(name: workout.name, workoutLength: workout.length, amountCompleted: workout.completed())
            }
        }
        .navigationBarItems(leading:
            Button(action: {
                self.presentBuilder.toggle()
            }, label: {
                ZStack {
                    Circle()
                        .foregroundColor(.blue)
                        .frame(width: 30, height: 30)
                        .shadow(radius: 7.0)
                    Image("add")
                        .foregroundColor(.black)
                }
            })
        )
    }.sheet(isPresented: $presentBuilder) {WorkoutBuilderView()}

}

}

这是锻炼数据/锻炼：

struct WorkoutData {
static func data() -> [Workout] {
    return [Workout(length: 17, name: "Example Workout", description: "workout description"), Workout(length: 17, name: "Example Workout", description: "workout description")]
}
}

struct Workout {
let id = UUID()
var progress = 1
var length: Int
var name: String
var description: String

func completed() -> Int {
    return progress - 1
}

如果我理解正确，List 无法确定锻炼的类型，因此无法找到 id。也许我需要让 Workout 符合 Identifiable（试过这个）？谢谢！

【问题讨论】：

标签： arrays swift list swiftui swift5

【解决方案1】：

这与您的 (".id") 无关。这样的List 错误是因为 ViewBuilder 中的某些视图不正确。

如果我替换

 1. WorkoutDetailView()) 
 2. WorkoutBlockView(name: workout.name, workoutLength: workout.length, amountCompleted: workout.completed())
 3. WorkoutBuilderView()

使用Text，左侧的 WorkoutsView 布局是可行的。因此，您必须弄清楚为什么这些视图会出现一些问题。

    struct WorkoutsView: View {
   @State var presentBuilder = false
    var workouts = WorkoutData.data()

 var body: some View {
   NavigationView {
    List(workouts, id: \.id) { workout in
        NavigationLink(destination: Text("placeHolder")) {
            Text("placeHolder")
        }
    }
    .navigationBarItems(leading:
        Button(action: {
            self.presentBuilder.toggle()
        }, label: {
            ZStack {
                Circle()
                    .foregroundColor(.blue)
                    .frame(width: 30, height: 30)
                    .shadow(radius: 7.0)
                Image("add")
                    .foregroundColor(.black)
            }
        })
    )
   }.sheet(isPresented: $presentBuilder) {Text("placeHolder")}

 }

 }

希望对你有帮助。

【讨论】：

谢谢！真是愚蠢的错误。它期待 CGFloat 而不是 Int。
任何遇到大型 SwiftUI 视图问题的人，我发现重建它以查找错误很有帮助。它对我有用，而且 E. Coms 似乎在我发现问题后立即发现了问题！

【解决方案2】：

我正在研究类似的 SwiftUI 原型。我使用的是HStack，但我认为您可以通过创建枚举类Hashable 来做到这一点。

struct Statistic: Hashable {
    let title, stat: String
}
// ... 
let boxes: [Statistic]
// ... 
ScrollView(.horizontal, showsIndicators: false) {
    HStack {
        ForEach(boxes, id: \.self) { box in
            BoxView(box: box)

        }
    }
}

在你的情况下，我认为你会让 Workout 可散列

struct Workout: Hashable {
    let id = UUID()
    var progress = 1
    var length: Int
    var name: String
    var description: String

    func completed() -> Int {
        return progress - 1
    }
}

并使用self 而不是id

List(workouts, id: \.self) { workout in

【讨论】：

感谢您的想法，但它不能解决问题。