SwiftUI中NavigationSplitView侧边栏宽度的保存与恢复方案

要实现侧边栏宽度调整后自动保存并在下次启动恢复，核心是利用绑定变量+自动持久化存储，而不是仅设置ideal参数。以下是具体实现方案：

1. 使用@AppStorage绑定宽度值 #

@AppStorage是SwiftUI提供的属性包装器，能自动将值同步到UserDefaults，无需手动处理读写逻辑。先定义存储变量：

// 定义默认宽度为250，存储键为"sidebarWidth"
@AppStorage("sidebarWidth") private var sidebarWidth = 250.0

2. 绑定到NavigationSplitViewColumnWidth #

将侧边栏的宽度与这个绑定变量关联，而不是仅设置ideal参数。这样用户调整宽度时，变量值会实时更新并自动持久化：

NavigationSplitView {
    // 你的侧边栏内容，比如List
    List {
        Text("项目1")
        Text("项目2")
        // ...
    }
    // 绑定宽度变量，同时可添加最小/最大宽度限制
    .navigationSplitViewColumnWidth($sidebarWidth)
    .navigationSplitViewColumnWidth(min: 150, max: 500)
} detail: {
    // 详情页面内容
    Text("详情区域")
}

关键说明 #

• 之前仅设置ideal参数的问题：ideal只是告知SwiftUI初始的理想宽度，但没有建立双向绑定，所以宽度变化时无法同步更新存储的值。
• 自动持久化：@AppStorage会在sidebarWidth值变化时自动写入UserDefaults，无需手动监听应用关闭或宽度变化事件。
• 首次启动：如果UserDefaults中没有"sidebarWidth"键，会使用定义时的默认值（250）作为初始宽度。

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