导航链接在scrollview foreach中多次触发

Question

我在foreach的内部有一个导航链接，这使导航链接被多次调用。我已经尝试了许多解决方案。

例如，将导航链接移到foreach循环外。但是，这与动画混为一谈：

此解决方案：在这里查看。但是，我不太了解它，也无法使其完全奏效。也许你们中的一个人可以重写它，因此在我的情况下这很有意义。

我为任何解决方案开放

struct MainVIewPostView: View {
    @ObservedObject var postRowViewModel: PostRowViewModel
    
  var body: some View {
        ScrollView {
          ForEach(postViewModel.posts, id: \.id) { post in <- There are 4 post
                ...
        
                NavigationLink {
                        CommentView(post: postRowViewModel.post)
                    } label: {
                        Image(systemName: "message")
                            .font(.system(size: 26))
                            .foregroundColor(.black)
                        
                        Text("24")
                            .foregroundColor(.black)
                    }
            }
        }
    }
}

struct CommentView: View {
    @ObservedObject private var commentViewModel: CommentViewModel
    
    
    init(post: Post) {
        commentViewModel = CommentViewModel(post: post)
        print("in") <- This gets called 4 times, as many times as there are post. I only want it to get called 1 time
    }
 }