SwiftUI navigation bar items going haywire when swipe back fails

Question

Created Jun ’20

Replies 3

Boosts 0

Views 2.5k

Participants 5

I have a

ListView

,

TasksView

and then

EditView

.

The flow goes like this: you have a list cell, you tap that which takes you to

TasksView

When a row is tapped in

TasksView

it takes you to

EditView

.

When I half swipe back to navigate to previous view the navigation bar go bezerk and overlaps. It happens mainly if I use a navigationBarItem - (button).

In

TasksView (detailView)

there is a list and some navigation bar modifiers:

ZStack {
  List {
  // code here
 }

}
.onAppear { UITableView.appearance().separatorStyle = .none }
.onDisappear { UITableView.appearance().separatorStyle = .none }
.background(Color("primaryBackground"))
.edgesIgnoringSafeArea(.bottom)
.navigationBarTitle("\(listItem.name ?? "")", displayMode: .inline)
.navigationBarItems(trailing:
  Button(action: {self.deleteList()}) {
  Image(systemName: "trash.circle.fill")
  }
  )

Same can be said for

EditView

, that when you half swipe on

EditView

to get back to

TasksView

, the same thing happens.

Here is the bug in action

Any idea how to go about fixing this error?

Boost

Answer 1

recursion OP

Aug ’20

I'm experiencing the same issue. It is semi-random. It would appear to be a a SwiftUI bug as I can reproduce it in a variety of applications, with and without stacks, etc.

imgur.com/mfNcqDt

0

Answer 2

sebastian1989 OP

Oct ’20

Same here. Any Solutions available for this?
It seems that .navigationViewStyle(StackNavigationViewStyle()) fixes the Issue.
But it disables all the nice Sidebar Features on iPad so its also just a temporary workaround.

0

Answer 3

dev_aaronlee OP

Jan ’21

I had the same issue, so I decided to make a custom nav bar with a view modifier.
But now, I think I found another solution.
If you're using a NavigationLink of SwiftUI, try this:

Code Block SwiftNavigationLink("Link Title", destination: ChildView())
	.isDetailLink(false) // << This

1