自定义视图有效，但其预览无法编译

如何解决自定义视图有效，但其预览无法编译

对于我在 Github a simple test project 准备的问题：

这是一个带有自定义视图 TopRow.swift 的 SwiftUI 列表：

struct TopRow: View {
    let top:TopEntity
    
    var body: some View {
        HStack {
            Circle()
                .frame(width: 60,height: 60)
            Spacer()
            Text(top.given ?? "UnkNown Person")
                .frame(minWidth: 60,maxWidth: .infinity,alignment: .leading)
            Spacer()
            vstack {
                Text("Elo rating: \(top.elo)")
                Text("Average time: \(top.avg_time ?? "")")
                Text("Average score: \(String(top.avg_score))")
            }.fixedSize(horizontal: true,vertical: false)
        }.font(.footnote)
    }
}

正如您在上面的屏幕截图中看到的那样，它可以正常工作。

但是它的预览不起作用：

struct TopRow_Previews: PreviewProvider {
    static var topEntity = TopEntity(context: PersistenceController.preview.container.viewContext)
    topEntity.uid = 19265
    topEntity.elo = 2659
    topEntity.given = "Alex"
    topEntity.motto = "Todo"
    topEntity.photo = "https://slova.de/words/images/female_happy.png"
    topEntity.avg_score = 18.8
    topEntity.avg_time = "03:06"

    static var previews: some View {
        TopRow(top: topEntity)
            .padding()
            .previewLayout(.sizeThatFits)
    }
}

Xcode 报告语法错误 Consecutive declarations on a line must be separated by ';'

那里发生了什么，请帮助我（Swift 新手）理解。

我试图在那里放一个分号，但它没有真正起作用。

解决方法

您不能将这样的命令式代码放在 struct 或 class 的顶层——顶层是为函数和属性的声明保留的。

您可以将 topEntity 改为计算属性——这样您的命令式赋值可以进入 { } 内部，而不存在于顶层：

struct TopRow_Previews: PreviewProvider {
    static var topEntity : TopEntity {
        var topEntity = TopEntity(context: PersistenceController.preview.container.viewContext)
        topEntity.uid = 19265
        topEntity.elo = 2659
        topEntity.given = "Alex"
        topEntity.motto = "TODO"
        topEntity.photo = "https://slova.de/words/images/female_happy.png"
        topEntity.avg_score = 18.8
        topEntity.avg_time = "03:06"
        return topEntity
    }

    static var previews: some View {
        TopRow(top: topEntity)
            .padding()
            .previewLayout(.sizeThatFits)
    }
}