How to hide an arrow inside List with NavigationLink?

Is there a way to hide the arrow icon to the right of the navigation link view?

I've tried to find the property that can hide the arrow icon, but I couldn't.

List(newsList, id: \.id) { article in
  NavigationLink(destination: NewsLetterView(news: article)) {
    NewsCell(news: article)
  }
}

No modifier?

List(newsList, id: .id) { article in   NavigationLink(destination: NewsLetterView(news: article)) {     NewsCell(news: article)   }.buttonStyle(.plain) }

There is currently no modifier to do this. SwiftUI doesn't have much in the way of customising list row accessories (I have previously filed feedback for this).

The easiest way to get around this would be to use a Button instead and manually perform the navigation; the APIs in iOS 16 make this much easier.

For example:

@State private var path = NavigationPath()

NavigationStack(path: $path) {
    List(newsList) { article in
        Button {
            path.append(article)
        } label: {
            NewsCell(news: article)
        }
    }
    .navigationDestination(for: Article.self) { article in
        NewsLetterView(news: article)
    }
}


There are some other hacky workarounds that you can find doing an online search, so you can go with that as well until a new modifier is released (iOS 17?).

Wrapping the row in a ScrollView works for me. (Xcode Version 15.2 (15C500b), IOS 17.2, Swfit version: 5)

List {
    ScrollView{
        NavigationLink{
            // destination
        } label: {
            // your label view
        }
    }
}
How to hide an arrow inside List with NavigationLink?
 
 
Q