如何将多个导航链接嵌入到单个列表行中？

Question

我正在尝试复制类似苹果提醒应用程序的东西，其中有一些“块”（今天、计划、全部和标记），但我所有的尝试都以 XCode 告诉我它遇到导航问题结束。我现在使用的是 XCode 13.2.1 和 iOS 15.2。

如何让每个块导航到自己的目的地并阻止应用程序因 NavigationLink 错误而阻塞？

这是我的代码：

struct ContentView: View {
    var body: some View {
        NavigationView {
            List {
                Section(header: Text("Primary Section")) {
                    NavigationLink(destination: Text("First")) {
                        Label("First", systemImage: "1.circle")
                    }
                    Label("Second", systemImage: "2.circle")
                    Label("Third", systemImage: "3.circle")
                }
                Section(header: Text("Block Section")) {
                    VStack (spacing: 20) {
                        HStack (spacing: 20) {
                            Blocks(title: "1")
                            Blocks(title: "2")
                        }
                        HStack (spacing: 20) {
                            Blocks(title: "3")
                            Blocks(title: "4")
                        }
                    }
                    .foregroundColor(Color.blue)
                    .frame(height: 160)
                    .listRowInsets(EdgeInsets(top: 0, leading: 0, bottom: 0, trailing: 0))
                    .listRowBackground(Color.clear)
                }
                Section(header: Text("Lower Section")) {
                    NavigationLink(destination: Text("Lower First")) {
                        Label("First", systemImage: "1.circle")
                    }
                    Label("Second", systemImage: "2.circle")
                    Label("Third", systemImage: "3.circle")
                    NavigationLink(destination: Text("Lower Fourth")){
                        Label("Fourth", systemImage: "4.circle")
                    }
                }
            }
            .listStyle(InsetGroupedListStyle())
            .navigationBarTitle(Text("Catalogue"), displayMode: .large)
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

struct Blocks: View {
    let title: String
    var body: some View {
        ZStack {
            NavigationLink(
                destination: Text(title)) {
                EmptyView()
            }
            .opacity(0)
            RoundedRectangle(cornerRadius: 12, style: .continuous)
            Image(systemName: "\(title).circle.fill")
                .foregroundColor(.white)
                .imageScale(.large)
        }
    }
}```