SwiftUI问题：切换viewStyle后navigationTitle无法随List滚动

问题根源 #

你遇到的两个问题本质是同一个原因：切换viewStyle时，SwiftUI会销毁旧的List实例，创建全新的List。这种视图层级的完全替换会导致：

• NavigationView丢失了和原List的滚动联动状态，标题从可滚动收缩的大标题变成固定的小标题
• 新List初始化时系统重新应用默认布局间距，导致它和导航栏之间的空隙变大

修复方案 #

两种简单修复方式，任选其一即可：

方案1：复用同一个List，仅修改内部内容

把两个分支的List合并成一个，通过viewStyle控制内部的数据源和显示内容，保持List实例稳定：

struct MyPage: View {
    @Binding var viewStyle: ViewStyle
    
    // 根据viewStyle生成对应的数据
    private var itemCount: Int {
        viewStyle == .bold ? 4 : 3
    }
    private var itemText: String {
        viewStyle == .bold ? "bold" : "italic"
    }
    
    var body: some View {
        List{
            ForEach(0..<itemCount, id: \.self){ index in
                VStack{
                    Label(itemText, systemName: "pencil")
                }
            }
        }
    }
}

方案2：给两个List添加相同id，让SwiftUI识别为同一视图

如果要保留两个List的分支结构，给它们加上相同的id，告诉SwiftUI这是同一个视图的不同状态，而非全新视图：

struct MyPage: View {
    @Binding var viewStyle: ViewStyle
    
    var body: some View {
        switch viewStyle {
        case .bold:
            List{
                ForEach(0..<4, id: \.self){ index in
                    VStack{
                        Label("bold", systemImage: "pencil")
                    }
                }
            }
            .id("my-list") // 统一id
        default:
            List{
                ForEach(0..<3, id: \.self){ index in
                    VStack{
                        Label("italic", systemImage: "pencil")
                    }
                }
            }
            .id("my-list") // 统一id
        }
    }
}

额外说明 #

如果你的项目基于iOS 16及以上版本，建议将NavigationView替换为NavigationStack，它的视图状态管理更稳定，能减少这类布局和联动异常问题。

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