iOS 16.5更新后SwiftUI视图切换失效问题求助

问题现象 #

• 应用在iOS 16.3.1设备及模拟器运行正常，但升级至iOS 16.5-16.6后出现异常
• 登录功能、Firebase Cloud Messaging主题订阅均正常，点击城市列表项时已确认willMoveToNextScreen状态被正确设为true，但视图无法切换到目标ScrollView
• 重新登录时应用可自动切换视图，但点击「切换城市」按钮（重置willMoveToNextScreen为false）后再次点击城市列表仍无法切换
• 调试时无报错信息，仅iOS 16.5+版本设备出现该问题

相关代码片段 #

import SwiftUI

class ViewModel: ObservableObject {
    @Published var willMoveToNextScreen: Bool = false
}

struct ContentView: View {
    @StateObject var viewModel = ViewModel()
    @State var first5comuni: [String] = ["Roma", "Verona", "Milano"]
    
    var body: some View {
        if viewModel.willMoveToNextScreen {
            ScrollView {
                Button("切换回城市列表") {
                    viewModel.willMoveToNextScreen = false
                }
            }
        } else {
            ScrollView {
                ForEach(first5comuni, id: \.self) { city in
                    Text(city)
                        .opacity(0.5)
                        .frame(maxWidth: .infinity, height: 35)
                        .onTapGesture {
                            viewModel.willMoveToNextScreen = true
                        }
                }
            }
        }
    }
}

问题原因推测 #

这很可能是iOS 16.5+版本中SwiftUI的视图复用机制bug：当条件分支返回的视图类型完全一致（都是ScrollView）时，SwiftUI会尝试复用现有视图结构，而没有根据状态变化重新渲染新的视图内容，导致状态更新无法触发视图切换。

修复方案 #

方案1：为每个ScrollView添加唯一标识 #

通过给两个ScrollView添加不同的id，强制SwiftUI在状态变化时重新创建视图，避免复用：

if viewModel.willMoveToNextScreen {
    ScrollView {
        Button("切换回城市列表") {
            viewModel.willMoveToNextScreen = false
        }
    }
    .id("next-screen-scroll") // 添加唯一id
} else {
    ScrollView {
        ForEach(first5comuni, id: \.self) { city in
            Text(city)
                .opacity(0.5)
                .frame(maxWidth: .infinity, height: 35)
                .onTapGesture {
                    viewModel.willMoveToNextScreen = true
                }
        }
    }
    .id("city-list-scroll") // 添加唯一id
}

方案2：改用Switch语句管理视图状态 #

将条件判断改为switch语句，可能让SwiftUI更清晰地识别不同的视图分支：

var body: some View {
    switch viewModel.willMoveToNextScreen {
    case true:
        ScrollView {
            Button("切换回城市列表") {
                viewModel.willMoveToNextScreen = false
            }
        }
    case false:
        ScrollView {
            ForEach(first5comuni, id: \.self) { city in
                Text(city)
                    .opacity(0.5)
                    .frame(maxWidth: .infinity, height: 35)
                    .onTapGesture {
                        viewModel.willMoveToNextScreen = true
                    }
            }
        }
    }
}

方案3：用容器视图包裹分支内容 #

给每个分支的内容添加不同的容器（比如VStack或Group），让SwiftUI识别为不同的视图类型：

if viewModel.willMoveToNextScreen {
    VStack { // 添加VStack作为容器
        ScrollView {
            Button("切换回城市列表") {
                viewModel.willMoveToNextScreen = false
            }
        }
    }
} else {
    Group { // 添加Group作为容器
        ScrollView {
            ForEach(first5comuni, id: \.self) { city in
                Text(city)
                    .opacity(0.5)
                    .frame(maxWidth: .infinity, height: 35)
                    .onTapGesture {
                        viewModel.willMoveToNextScreen = true
                    }
                }
            }
        }
    }
}

方案4：使用NavigationStack管理视图导航（推荐） #

如果场景允许，改用NavigationStack结合路径状态来管理视图切换，这是SwiftUI官方推荐的导航方式，稳定性更高：

class ViewModel: ObservableObject {
    @Published var path: [String] = [] // 用路径数组管理导航状态
}

struct ContentView: View {
    @StateObject var viewModel = ViewModel()
    @State var first5comuni: [String] = ["Roma", "Verona", "Milano"]
    
    var body: some View {
        NavigationStack(path: $viewModel.path) {
            ScrollView {
                ForEach(first5comuni, id: \.self) { city in
                    Text(city)
                        .opacity(0.5)
                        .frame(maxWidth: .infinity, height: 35)
                        .onTapGesture {
                            viewModel.path.append("next-screen")
                        }
                }
            }
            .navigationDestination(for: String.self) { _ in
                ScrollView {
                    Button("切换回城市列表") {
                        viewModel.path.removeLast()
                    }
                }
            }
        }
    }
}

内容的提问来源于stack exchange，提问作者Xing Guang Wu