Issue with TabView in Split Screen

Question

Created 5d

Replies 1

Boosts 0

Participants 1

Below is a basic test app to resemble an actual app I am working on to hopefully better describe an issue I am having with tab view. It seems only in split screen when I am triggering something onAppear that would cause another view to update, or another view updates on its own, the focus gets pulled to that newly updated view instead of staying on the view you are currently on. This seems to only happen with views that are listed in the more tab. In any other orientation other than 50/50 split this does not happen. Any help would be appreciated.

struct ContentView: View {
    @State var selectedTab = 0

    var body: some View {
        NavigationStack {
            NavigationLink(value: 0) {
                Text("ENTER")
            }.navigationDestination(for: Int.self) { num in
                TabsView(selectedTab: $selectedTab)
            }
        }
    }
}

struct TabsView: View {
    @Binding var selectedTab: Int
    @State var yikes: Int = 0
    var body: some View {
        if #available(iOS 18.0, *) {
            TabView(selection: $selectedTab) {
                
                MyFlightsView(yikes: $yikes)
                    .tabItem {
                        Label("My Flights", systemImage: "airplane.circle")
                    }.tag(0)
                FlightplanView()
                    .tabItem {
                        Label("Flight Plan", systemImage: "doc.plaintext")
                    }.tag(1)
                
                PreFlightView()
                    .tabItem {
                        Label("Pre Flight", systemImage: "airplane.departure")
                    }.tag(2)
                
                CruiseView(yikes: $yikes)
                    .tabItem {
                        Label("Cruise", systemImage: "airplane")
                    }.tag(3)

                
                PostFlightView()
                    .tabItem {
                        Label("Post Flight", systemImage: "airplane.arrival")
                    }.tag(4)
                MoreView()
                    .tabItem {
                        Label("More", systemImage: "ellipsis")
                    }.tag(5)
                
                NotificationsView()
                    .tabItem {
                        Label("Notifications", systemImage: "bell")
                    }.tag(6)
                
            }.tabViewStyle(.sidebarAdaptable)
        }
    }
}

Boost

Answer 1

mwalker8 OP

5d

Here are what the two views you need to trigger the issue looks like

struct MyFlightsView: View {
    @Binding var yikes: Int
    var body: some View {
        if yikes == 2 {
            Text("TESTING")
        } else {
            Text("Hello, World!")
        }
    }
}

struct CruiseView: View {
    @Binding var yikes: Int
    var body: some View {
        Text("Hello, World!")
            .onAppear {
                yikes = 2
            }
    }
}

0