SwiftUI：isLoading搭配ViewModel与EnvironmentObject解决子视图加载跳回父视图问题

你遇到的子视图加载时自动跳回父视图的问题，核心是全局共享的单布尔值加载状态无差别触发了父子视图的全量重渲染，导致导航栈断裂：

• AuthState是全局共享的EnvironmentObject，只要它的@Published属性变化，所有引用这个对象的SwiftUI视图都会触发body重绘
• 父视图SelectUserTypeView的body逻辑里，只要检测到isLoading == true，就会把原本承载NavigationLink的整个VStack内容替换为ProgressView，原本push到导航栈里的子视图SignInUpView因为父视图的视图树变化，失去了导航上下文，被系统自动pop回父视图
• 单布尔值的isLoading没有做场景区分，父视图根本不知道当前的加载是来自子视图的邮箱登录，还是来自自身的匿名登录，只要状态一变就盲目替换内容

• 第一步：重构AuthState的加载状态，加场景标识
  不要只用单一布尔值isLoading判断加载状态，给每个加载操作加上专属场景标记，避免不同页面的加载状态互相干扰。替换原有的isLoading定义：

  // 在AuthState类内新增
  enum AuthLoadingScene {
      case anonymousSignIn // 父视图触发的匿名登录
      case emailSignIn // 子视图触发的邮箱登录
      case accountLink // 子视图触发的账号关联
  }
  
  // 替换原来的 @Published var isLoading: Bool = false
  @Published var loadingScene: AuthLoadingScene? = nil
  // 保留兼容的计算属性，避免旧代码直接报错
  var isLoading: Bool { loadingScene != nil }
  

  同步修改AuthState里三个登录方法的赋值逻辑：
  • signInAnonymously()里把self.isLoading = true改成self.loadingScene = .anonymousSignIn，完成回调里把self.isLoading = false改成self.loadingScene = nil
  • signIn()里把self.isLoading = true改成self.loadingScene = .emailSignIn，完成回调里重置为nil
  • linkAccount()里把self.isLoading = true改成self.loadingScene = .accountLink，完成回调里重置为nil
• 第二步：父子视图的加载判断只匹配自身关联的加载场景
  不要一看到isLoading为真就直接替换整个视图内容，只处理和自己相关的加载状态：
  1. 父视图SelectUserTypeView的分支逻辑修改：

     // 原来的 if authState.isLoading == true 改成
     if authState.loadingScene == .anonymousSignIn {
         ProgressView()
     } else if authState.authStateMode == .unregistered {
         // 原有按钮逻辑不动
     } else {
         // 原有两个NavigationLink逻辑不动
     }
     

  2. 子视图SignInUpView的分支逻辑修改：

     // 原来的 if authState.isLoading 改成
     if authState.loadingScene == .emailSignIn || authState.loadingScene == .accountLink {
         ProgressView()
     } else if authState.authStateMode == .signedInWithEmail {
         HostPreviewView()
     } else {
         // 原有的表单VStack逻辑不动
     }
     

  这样当子视图触发邮箱登录/账号关联的加载时，父视图检测到当前加载场景和自己要处理的匿名登录不匹配，就不会触发自身的视图替换，导航栈上下文会完整保留，自然不会出现自动pop的问题。
• 第三步：调整加载态的展示方式，避免销毁原视图
  加载态的ProgressView不要替换原有内容，改成用覆盖层叠在原有视图上面，从根源上避免原有视图被销毁：

  // 把SignInUpView的ZStack结构调整为
  ZStack {
      // 底层保留原有所有视图内容，不要因为加载态删除
      Group {
          if authState.authStateMode == .signedInWithEmail {
              HostPreviewView()
          } else {
              // 原有的表单VStack内容完全不动
          }
      }
      // 上层叠加加载进度视图
      if authState.loadingScene == .emailSignIn || authState.loadingScene == .accountLink {
          ProgressView()
              .frame(maxWidth: .infinity, maxHeight: .infinity)
              .background(.ultraThinMaterial.opacity(0.3))
      }
  }
  

• 第四步：优化父视图的匿名登录触发逻辑
  去掉无判断的onAppear自动触发，避免每次页面出现都重新触发匿名登录的加载状态，干扰子视图的操作：

  // 原有的 .onAppear(perform: authState.signInAnonymously) 替换为
  .onAppear {
      guard 
          authState.authStateMode == .unregistered,
          authState.loadingScene == nil 
      else { return }
      authState.signInAnonymously()
  }
  

• 全局EnvironmentObject的状态不要无差别用于所有视图的分支渲染，尤其是涉及Navigation栈的页面，全量替换视图内容很容易破坏导航上下文
• 单一布尔值的全局状态无法区分操作场景，是SwiftUI里使用ObservableObject最常见的重渲染陷阱，涉及多页面共享的状态一定要加场景标识
• 加载类的UI反馈尽量用覆盖层实现，不要替换原有视图内容，减少不必要的视图销毁和重建

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