SwiftUI macOS：切换侧边栏时工具栏按钮抖动问题求助

你遇到的抖动问题确实和使用两个.toolbar修饰符有关——NavigationView的两个子视图各自绑定toolbar时，切换侧边栏会触发两次独立的toolbar布局计算，导致按钮位置出现短暂偏移，复杂视图会放大这个问题。下面是几种可行的解决方案：

方案1：统一Toolbar布局（推荐） #

把所有toolbar按钮集中添加到NavigationView层级，通过ToolbarItem的placement参数指定位置，避免子视图各自的toolbar冲突：

struct ContentView: View {
    var body: some View {
        NavigationView {
            Text("Sidebar")
                .frame(width: 300)
            Text("Content")
                .frame(minWidth: 500)
        }
        // 统一在NavigationView层级添加Toolbar
        .toolbar {
            ToolbarItem(placement: .navigation) {
                sidebarButton
            }
            ToolbarItem(placement: .primaryAction) {
                shareButton
            }
        }
        .frame(height: 500)
    }

    var sidebarButton: some View {
        Button {
            NSApp.keyWindow?.toggleSidebar(nil)
        } label: {
            Image(systemName: "sidebar.left")
        }
    }

    var shareButton: some View {
        Button {
            print("Share")
        } label: {
            Image(systemName: "square.and.arrow.up")
        }
    }
}

这里改用NSWindow.toggleSidebar替代响应链调用，比原方法更稳定，避免了firstResponder的不确定性。

方案2：禁用切换时的动画 #

如果必须保留两个toolbar布局，可以在切换侧边栏时禁用动画，阻止系统对toolbar做不必要的位置计算：

var sidebarButton: some View {
    Button {
        withAnimation(.none) {
            NSApp.keyWindow?.firstResponder?.tryToPerform(
                #selector(NSSplitViewController.toggleSidebar(_:)), with: nil
            )
        }
    } label: {
        Image(systemName: "sidebar.left")
    }
}

方案3：固定Toolbar按钮位置 #

给内容视图的toolbar按钮指定明确的placement，减少布局计算的波动：

Text("Content")
    .frame(minWidth: 500)
    .toolbar {
        ToolbarItem(placement: .primaryAction) {
            shareButton
        }
    }

以上方法都能有效解决按钮抖动问题，其中方案1从根源避免了布局冲突，是最优选择。

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