CODEWITHSUNDEEP
swiftswiftuiswiftui-listswiftui-navigationview
Tom Petit
Tom Petit

Reputation: 63

In NavigationView, List item appears mid-screen rather than at top when @Environment(\.presentationMode) is defined

I'm facing a weird bug where a list item within a NavigationView appears below a gap. When I scroll, it resets to correct location.

Screen Capture

Minimum reproducible example on Xcode 14.1, iOS 16.1.2:

import SwiftUI

@main
struct Test_2022_12_03_02App: App {
    var body: some Scene {
        WindowGroup {
            ListView()
        }
    }
}

struct ListView: View {
    var body: some View {
        NavigationView {
            NavigationLink(destination: DetailView()) {
                Text("Hello")
            }
        }
        .navigationViewStyle(.stack)
    }
}

struct DetailView: View {
    // If I remove the line below, the bug disappears
    @Environment(\.presentationMode) var presentationMode
    
    var members = [1]
    
    var body: some View {
        List {
            ForEach(members, id:\.self) { member in
                Text("World")
            }
        }
    }
}

This bug happens consistently on my phone, but doesn't always happen in simulators. Weirdly my friend's phone also displayed expected behavior with same iOS version.

More notes:

struct DetailView: View {
    // If I remove the line below, the bug disappears
    @Environment(\.presentationMode) var presentationMode
    
    var members = [1]
    
    var body: some View {
        List {
//            ForEach(members, id:\.self) { member in
                Text("World")
//            }
        }
    }
}

Two questions:

Thanks!

Upvotes: 0

Views: 266

Answers (1)

icelorch
icelorch

Reputation: 1

NavigationView is deprecated and so is presentationMode. There is bound to be unforeseen bugs using deprecated methods. Use navigation stack instead: https://developer.apple.com/documentation/swiftui/navigationstack

Upvotes: -1

Related Questions