SwiftUI bug with navigation view rotation?

Question

While testing my app to make sure it behaves properly under screen rotations, I discovered that navigation links do not work after a certain sequence of rotations.

The following is a MWE:

struct ContentView: View {
    var body: some View {
        NavigationView {
            NavigationLink("link") {
                Text("hi")
            }
        }
    }
    // rotate ->  back -> link -> rotate -> back -> link
}

On a iPhone 13 Pro Max (iOS 15.2 (19C51)) simulator, the following leads to an error:

Run the app on the portrait mode
Rotate the app to the landscape mode
Touch the back button (in the navigation bar)
Touch the navigation link link
Rotate the app to the portrait mode
Touch the back button
Now touching the navigation link link does not work!

Also, the debug console prints:

Unbalanced calls to begin/end appearance transitions for <_TtGC7SwiftUI19UIHostingControllerGVS_15ModifiedContentGS1_VVS_22_VariadicView_Children7ElementVS_24NavigationColumnModifier_GVS_18StyleContextWriterVS_19SidebarStyleContext___: 0x152f24860>.

Is this a bug in SwiftUI? And is there a way to work around this issue?

I'm on macOS Monterey (12.2 (21D49)) + Xcode 13.2.1 (13C100).

try to add this .navigationViewStyle(.stack) for your NavigationView — Quang Hà
– Quang Hà, Commented Jan 31, 2022 at 6:11

Jay Lee · Accepted Answer · 2022-01-31 08:21:24Z

Without having to give up double column layout in iPadOS, I used the following conditional view builder to use different navigation style based on the horizontal size class.

(Although conditional view builders often do not play well with animations, it seems ok to use it here.)

extension View {
    @ViewBuilder func `if`<TrueContent: View>(
        _ condition: Bool,
        then trueContent: (Self) -> TrueContent
    ) -> some View {
        if condition {
            trueContent(self)
        } else {
            self
        }
    }
}

struct ContentView: View {
    var body: some View {
        NavigationView {
            NavigationLink("link") {
                Text("hi")
            }
        }
        .if(UIDevice.current.userInterfaceIdiom == .phone) {
            $0.navigationViewStyle(.stack)
        }
    }
}

P.S. The issue can be reproduced in iPadOS as well when the scene is resized appropriately after each rotation, but I think this is less likely to happen without intention to reproduce.

Umair Khan · Accepted Answer · 2022-01-31 06:12:58Z

1

Changing ColumnNavigationViewStyle to StackNavigationViewStyle will solve your problem, the sequence you mentioned is most probably a bug, hopefully apple will solve it soon.

struct ContentView: View {
    var body: some View {
        NavigationView {
            NavigationLink("link") {
                Text("hi")
            }
        }
        .navigationViewStyle(.stack) //Style
    }
}

answered Jan 31, 2022 at 6:12

Umair Khan

1,34114 silver badges17 bronze badges

2 Comments

Jay Lee Over a year ago

Filed the issue FB9868662

Dreiohc Over a year ago

Thank you. Was arleady looking to change our whole setup with UIHostingController because of this bug

malhal · Accepted Answer · 2022-01-31 09:36:51Z

0

The max uses columns in landscape and you are missing the second column View. Try this

struct ContentView: View {
var body: some View {
    NavigationView {
        NavigationLink("link") {
            Text("hi")
        }
         Text("Select a link")
    }
}
}

answered Jan 31, 2022 at 9:36

malhal

31.5k7 gold badges125 silver badges154 bronze badges

1 Comment

Jay Lee Over a year ago

The issue persists with the above change.

Collectives™ on Stack Overflow

SwiftUI bug with navigation view rotation?

3 Answers 3

Comments

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related