SwiftUI NavigationLink in List on iOS 14

The only workaround is to attach .id(UUID()) to the NavigationLink.

Code Block 
.onAppear {
   UITableViewCell.appearance().selectionStyle = .none
}

Code Block 
struct TestListView: View {
    var body: some View {
        NavigationView {
            List {
                NavigationLink(
                    destination: Text("Detail 1"),
                    label: {
                        Text("Show detail 1")
                    }
                )
                NavigationLink(
                    destination: Text("Detail 2"),
                    label: {
                        Text("Show detail 2")
                    }
                )
            }
            .padding(.top, 10)
            .background(Color.blue)
        }
    }
}

Code Block 
struct TestListView: View {
    
    @State private var tableView: UITableView?
    private func deselectRows() {
        if let tableView = tableView, let selectedRow = tableView.indexPathForSelectedRow {
            tableView.deselectRow(at: selectedRow, animated: true)
        }
    }
    
    var body: some View {
        NavigationView {
            List {
                NavigationLink(
                    destination: Text("Detail 1").onAppear {
                        deselectRows()
                    },
                    label: {
                        Text("Show detail 1")
                    }
                )
                NavigationLink(
                    destination: Text("Detail 2").onAppear {
                        deselectRows()
                    },
                    label: {
                        Text("Show detail 2")
                    }
                )
            }
            .padding(.top, 10)
            .background(Color.blue)
            .introspectTableView(customize: { tableView in
                self.tableView = tableView
            })
        }
    }
}

Code Block Swift
struct WrappedRow<Content>: View where Content: View {
    
    @Binding var isSelected: Bool?
    let highlightColor: Color
    let content: Content
    
    @State private var isHighlighted: Bool = false
    
    var body: some View {
        ZStack {
            content
            GeometryReader { g in
                Color.clear
                    .contentShape(Rectangle())
                    .gesture(
                        DragGesture(minimumDistance: 0)
                            .onChanged { currentValue in
                                isHighlighted = true
                            }
                            .onEnded { gestureValue in
                                let releasedOutsideBounds = gestureValue.location.y > g.size.height
                                     gestureValue.location.y < g.size.height - g.size.height
                                     gestureValue.location.x > g.size.width
                                    || gestureValue.location.x < g.size.width - g.size.width
                                
                                isSelected = !releasedOutsideBounds
                                isHighlighted = false
                            }
                    )
                if isHighlighted {
                    highlightColor
                        .padding(-max(UIScreen.main.bounds.width, UIScreen.main.bounds.height))
                        .opacity(0.35)
                }
            }
        }
    }
}

Code Block Swift
        List {
            Section {
                NavigationLink(destination: Settings(), tag: true, selection: $showSettings) {
                    WrappedRow(isSelected: $showReset, highlightColor: .gray, content: SettingsRow())
                }
            }
            ...
        }
        .listStyle(InsetGroupedListStyle())

Code Block 
import SwiftUI
struct ContentView: View {
    var body: some View {
            NavigationView {
                List {
                    NavigationLink ("Test1", destination: Text("Test1"))
                    NavigationLink ("Test2", destination: Text("Test2"))
                }
                .background(Color(UIColor.secondarySystemBackground))
                .offset(x: 0, y: 20)
            }
        }
}

Code Block swift
struct YourView: View {
    @State private var selectedItem: String?
    @State private var listViewId = UUID()
    var body: some View {
            List(items, id: \.id) {
                NavigationLink(destination: Text($0.id), 
                               tag: $0.id, 
                               selection: $selectedItem) {
                  Text("Row \($0.id)")
                }
            }
            .id(listViewId)
            .onAppear {
                if selectedItem != nil {
                    selectedItem = nil
                    listViewId = UUID()
                }
            }
    } 
}

Go to the top navigation View change its navigation style to

.navigationViewStyle(StackNavigationViewStyle())

This is happening because the navigation view needs to know the selection for the landscape mode. That's why it stays selected until you pick another element.

After spending a whole day on this, I found a way that seems to be working on iOS 14 by wrapping a NavigationLink inside a button's label and triggering it programmatically using the button's action. The highlight color seems to be clearing right after the tap (because it's a button that is being tapped, not the NavigationLink).

The trick is that the NavigationLink uses an EmptyView() as it's content, so it's there to define the navigation but not to trigger it itself and let the button do it programmatically.

I wrote a custom NavLink struct that accepts similar parameters as the NavigationLink and does the wrapping for you:

struct NavLink<Content: View, Destination: View>: View {

    var destination: Destination
    var tag: String
    @Binding var selection: String?
    @ViewBuilder var content: Content

    var body: some View {
        Button(action: {
            selection = tag
        }, label: {
            ZStack {
                NavigationLink(destination: destination, tag: tag, selection: $selection) {
                    EmptyView()
                }
                .isDetailLink(true)
                content
            }
        })
    }
}

Here's how it can be used:

NavLink(destination: Text("Destination"), tag: "tag", selection: $selection) {
    Text("List item goes here")
}

(I've included an .isDetailLink modifier to the NavigationLink, in case you don't need it you can take it away or add a new argument to set it).

Seems to be working well for me, please share your feedback and any potential ways that it can be improved.