ToolbarBackground可见性切换无动画效果，如何实现带动画切换？

直接切换toolbarBackground的.hidden/.visible不会触发动画，因为这属于布局结构的变更，SwiftUI默认不对这类操作应用动画。你可以通过控制背景色的透明度来模拟平滑的显示/隐藏效果，具体修改如下：

struct MyView: View {
    @State private var barHidden = true
    
    var body: some View {
        NavigationStack {
            Button("action") {
                // 用withAnimation包裹状态切换，确保动画生效
                withAnimation(.easeInOut) {
                    barHidden.toggle()
                }
            }
            .toolbar {
                ToolbarItem(placement: .principal) {
                    Text("Title")
                }
            }
            // 通过透明度控制背景可见性，替代.hidden/.visible
            .toolbarBackground(barHidden ? Color.red.opacity(0) : Color.red, for: .navigationBar)
            // 可选：如果需要标题文字颜色适配透明背景，添加颜色方案切换
            .toolbarColorScheme(barHidden ? .dark : .light, for: .navigationBar)
        }
    }
}

关键说明 #

• 放弃使用.toolbarBackground(.hidden, ...)，改为通过opacity(0)让背景完全透明，视觉上和隐藏一致，但保留导航栏的布局结构，这样属性变化就能被动画捕获。
• 用withAnimation包裹状态切换操作，确保动画作用于所有关联的属性变更，比单独给Button加动画更可靠。
• 可选的toolbarColorScheme可以保证标题文字在背景透明时依然清晰可见，根据你的需求调整即可。

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