Help!!! How to eliminate the ">" nav link symbol from list items?

Question

Created Feb ’22

Replies 4

Boosts 0

Views 5.6k

Participants 5

Have spent 2 hours on this without success, and have not found any info on-line. I've put together a list of items (regular swiftui list) and when I add a Navigation Link, it modifies the list item view to add a ">" symbol to the right of the list item.

This is the current code from the list view (calls a sub-view - that works perfect, but I don't want the ">" symbol appearing on each item.

    List ($viewModel.teams) { Team in
        NavigationLink(destination: GroupMembersView(user: user, team: Team)) {
            GroupsCellView(team: Team)
        }.buttonStyle(PlainButtonStyle())
    }.listStyle(.plain)

Here is a picture of the nav view & undesired symbol (symbol appears on the right hand side of every item in list):

How can I remove this symbol? -thanks!

Boost

Answer 1

Claude31 OP

Feb ’22

Did you try pelacing

List ($viewModel.teams)

by

List {
  ForEach($viewModel.teams, id: \.self) {

0

Answer 2

Mopi OP

Mar ’22

Thank you. I did try, in fact I had a ForEach with a ScrollView before - but changed to a List object to be able to swipe elements (to edit/delete, etc.). If I don't use a list, then the navigationlink does not add the ">" symbol, but I don't get to use the swipe functionality... I was thinking it could be a navigation object method or property somewhere, but I've read the documentation and can't really find any mention of this.. Any other ideas?

0

Answer 3

Claude31 OP

Mar ’22

You could also try to change the color of the disclosure arrow to black (background color):

            .accentColor(.black)

See details here: https://stackoverflow.com/questions/66226462/change-disclosure-button-arrow-color

1

Answer 4

erichCompSci OP

Apr ’22

You can do this by adding creating a ZStack and placing an invisible nav link at the bottom:

ZStack {
         NavigationLink(destination: DestinationView()) { EmptyView() }.opacity(0.0)
         CardView() //This will be the view that you want to display to the user
}

0