SwiftUI navigation broken in Xcode 12.5

Question

Created Apr ’21

Replies 1

Boosts 0

Participants 1

Yesterday I managed to create a SwiftUI navigation that was deselecting List row when returning from the subview. Today I updated Xcode to 12.5 and my row deselection code is not is not working any more.

So here is in it's simplest form, code that yesterday was deselecting row in the List after I returned back from the subview. When MostPopularView is disappearing it updates selectedArticle @State property to nil and that's all.

Any ideas why it's broken now? I couldn't find any updates in release notes regarding this.

Code Block swiftstruct MostPopularView: View {
    @State private var selectedArticle: MostPopularArticle?
    var body: some View {
        List(mostPopularViewModel.articles, id: \.self, selection: $selectedArticle) { article in
            NavigationLink(
                destination: ArticleView(article: article),
                label: {
                    ArticleListItem(article: article)
                })
        }
        .onDisappear(perform: deselectRow)
    }
    private func deselectRow() {
        self.selectedArticle = nil
    }
}

Boost

Answer 1

Sangsom OP

Apr ’21

Appears that it's well known issue/feature that still exists.
Stack Overflow
The problem for me was that I had other SwiftUI view located between NavigationView and List and that issue arises. Don't know why, but if that view would be moved below List then the row is deselected without problem when returning from child view. But I found solution that fixed this behaviour.
Added to that SwiftUI view that is between NavigationView and List, .zIndex() modifier that must be higher than for the List and now rows is deselected correctly.

Code Block struct MostPopularView: View {
    var body: some View {
        VStack(alignment: .leading, spacing: 20) {
            SelectPeriodView()
                .padding(.horizontal)
                .onChange(of: mostPopularViewModel.selectedPeriod, perform: { _ in
                    self.loadData()
                })
                .zIndex(1.0)
            List(mostPopularViewModel.articles) { article in
                NavigationLink(
                    destination: ArticleView(article: article),
                    label: {ArticleListItem(article: article)})
            }
        }
    }
}

0