iPhone端从详情页返回侧边栏时选中项被强制置为nil的问题

使用NavigationSplitView实现侧边栏与详情页视图后，出现以下差异行为：

• iPad端：选中侧边栏项后，即使隐藏再显示侧边栏，选中状态始终保留
• iPhone端：选中侧边栏项进入详情页，返回侧边栏时，之前的选中项会被置为nil（返回时会短暂显示选中项，随后被清空）

可通过以下代码复现问题：

import SwiftUI

struct ContentView: View {
    @State private var selection: String?
    var body: some View {
        NavigationSplitView {
            SidebarView(selection: $selection)
        } detail: {
            DetailView(selection: $selection)
        }
    }
}

struct SidebarView: View {
    @Binding var selection: String?
    let people = ["Finn", "Leia", "Luke", "Rey"]
    var body: some View {
        List(people, id: \.self, selection: $selection) { person in
            Text(person)
        }
        Text("selection = \(String(describing: selection))")
    }
}

struct DetailView: View {
    @Binding var selection: String?
    var body: some View {
        Text("selectedItem = \(String(describing: selection))")
    }
}

#Preview {
    ContentView()
}

这是SwiftUI针对不同设备布局的默认行为差异：

• iPad采用分栏模式：侧边栏与详情页始终处于同一视图层级，选中状态作为分栏间的关联标识，会被系统保留
• iPhone采用堆叠模式：侧边栏与详情页是层级导航关系，从详情页返回侧边栏时，系统会自动清空selection，以适配单栏视图的切换逻辑（默认认为返回后需要重新选择）

通过手动维护选中状态，避免系统自动重置。以下是两种可行方案：

方案1：在ContentView层拦截并恢复选中状态 #

在父视图中保存最后一次的选中值，当selection被置为nil时自动恢复：

struct ContentView: View {
    @State private var selection: String?
    @State private var savedSelection: String? // 保存最后选中的值
    
    var body: some View {
        NavigationSplitView {
            SidebarView(selection: $selection)
        } detail: {
            DetailView(selection: $selection)
        }
        .onChange(of: selection) { newValue in
            if let newValue {
                savedSelection = newValue
            } else {
                // 当selection被清空时，恢复之前的选中值
                selection = savedSelection
            }
        }
    }
}

方案2：在SidebarView层本地保存并恢复 #

在侧边栏视图中记录选中状态，当视图重新出现时恢复：

struct SidebarView: View {
    @Binding var selection: String?
    let people = ["Finn", "Leia", "Luke", "Rey"]
    @State private var lastSelection: String? // 本地保存选中值
    
    var body: some View {
        List(people, id: \.self, selection: $selection) { person in
            Text(person)
        }
        .onAppear {
            // 视图出现时恢复选中状态
            if let lastSelection {
                selection = lastSelection
            }
        }
        .onChange(of: selection) { newValue in
            // 记录每次选中的值
            if let newValue {
                lastSelection = newValue
            }
        }
        Text("selection = \(String(describing: selection))")
    }
}

以上两种方案都能在iPhone端返回侧边栏时，保持之前的选中状态，与iPad端行为一致。

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