NavigationSplitView动画异常求助：iOS紧凑模式下导航栏显示Bug

在iPad应用中使用NavigationSplitView时，在iPad紧凑模式（分屏/侧滑）及iPhone设备上出现两处动画异常：

• 导航到子视图时，标题偶尔会短暂以「large」模式显示（预期为「inline」模式），导致内容瞬间上移；注释示例代码中的.navigationBarBackButtonHidden()可稳定复现该问题。
• 返回按钮会先短暂显示再隐藏，且子视图的导航栏右侧按钮并非一开始就显示，而是和返回按钮的隐藏动作同步出现。

该问题在iOS 15模拟器及iOS 17.5真机上均存在。

这是NavigationSplitView在紧凑布局下的导航栏状态同步bug：

1. 紧凑模式下，NavigationSplitView会切换为类似iPhone的栈式导航逻辑，但系统对导航栏标题模式、返回按钮状态的初始化时机，和子视图toolbar的加载时机不同步，导致过渡动画期间出现状态闪烁。
2. .navigationBarBackButtonHidden()的设置时机晚于系统默认返回按钮的渲染时机，因此会出现先显示再隐藏的闪屏；同时标题模式的优先级在过渡阶段被系统默认的large模式覆盖，直到子视图布局完全初始化才会切换到inline。

核心思路是提前统一导航栏配置，让父视图和子视图的导航栏状态保持一致，避免过渡期间的状态冲突：

1. 在最外层的NavigationSplitView上统一设置默认标题显示模式为.inline，确保所有子视图继承该配置，避免过渡时的模式切换。
2. 将子视图的.navigationBarBackButtonHidden(true)和toolbar配置提前到视图初始化阶段，确保状态在导航启动时就生效。
3. 对iOS 15的兼容：由于iOS 15中NavigationSplitView的紧凑模式逻辑不够成熟，可以通过判断布局环境，在紧凑模式下嵌套NavigationStack替代原生栈式导航，进一步规避状态不同步问题。

struct ContentView: View {
    // 添加布局环境判断，用于iOS 15兼容
    @Environment(\.horizontalSizeClass) private var horizontalSizeClass
    
    var body: some View {
        if horizontalSizeClass == .compact {
            // 紧凑模式下用NavigationStack替代，避免SplitView的导航bug
            NavigationStack {
                SidebarView()
            }
            .navigationBarTitleDisplayMode(.inline)
        } else {
            NavigationSplitView(
                sidebar: { SidebarView() },
                detail: { Text("empty") }
            )
            .navigationBarTitleDisplayMode(.inline)
        }
    }
}

struct SidebarView: View {
    var body: some View {
        VStack {
            NavigationLink("Leave", destination: SubView())
        }
        .toolbar {
            ToolbarItemGroup(placement: .topBarTrailing) {
                HStack {
                    Button("C", action: {})
                    Button("D", action: {})
                }
            }
        }
    }
}

struct SubView: View {
    var body: some View {
        Text("go back")
            .navigationTitle("Test")
            // 提前设置隐藏返回按钮，确保导航启动时就生效
            .navigationBarBackButtonHidden(true)
            .toolbar {
                ToolbarItemGroup(placement: .topBarTrailing) {
                    HStack {
                        Button("A", action: {})
                        Button("B", action: {})
                    }
                }
            }
    }
}

#Preview {
    ContentView()
}

内容的提问来源于stack exchange，提问作者Sebastian