在预览时增加函数中的变量会产生错误（swiftui）

Question

我有这段代码，我在其中调用“makeView”函数来返回一个视图，在 makeView 函数中我递增变量“id”并将其传递给视图，但是当我这样做时它显示这个错误

“从 SongBook.app (2935) 中的 SongsList_Previews 更新预览耗时超过 5 秒。”

令人惊讶的是，当我注释掉“self.id += 1”行时，一切正常。 我是 SwiftUI 新手，如果遗漏了一些信息，请见谅。

struct SongsList: View {
    @State private var id: Int = 0
    var body: some View {
        
        VStack{
            NavigationView {
            List(songs) {
                song in NavigationLink(
                    destination: SongMainView(song: song)) {
                        makeView(song: song)
                    }
            }
        }
    }
        .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity, alignment: .leading)
        .background(Color.orange.opacity(0.2))
        .edgesIgnoringSafeArea(.all)
    }
    
    func makeView(song: Song) -> SongsIndexView {
        self.id += 1;
        return SongsIndexView(song: song, id: self.id)
    }
}

Answer 1

变量用@State 属性包装器标记。

@State private var id: Int = 0

每次这个值改变时，SwiftUI 都会尝试更新视图。

func makeView(song: Song) -> SongsIndexView {
    self.id += 1;
    return SongsIndexView(song: song, id: self.id)
}

这会导致像 -

这样的无限循环

1. id = 1，updateView（但现在是id = 2，因为id += 1）
2. id = 2，updateView（但现在是id = 3，因为id += 1）

你不应该在视图更新时改变状态。