如何实现Firebase数据在iOS视图控制器加载前或同步加载？

我完全懂你的困扰——当前视图都已经显示出来了，Firebase的用户数据才开始拉取，导致导航栏标题这类UI元素没法及时更新。这核心原因是Firebase的observeSingleEvent是异步操作，它不会阻塞主线程，所以视图会正常走完加载流程，而数据请求要等后台完成后才会回调更新UI。

要实现「数据加载完成前不显示完整视图」的需求，这里给你两种实用的解决思路：

方式一：加载数据时显示过渡状态（推荐） #

我们可以先给用户展示加载指示器，等Firebase数据拉取完成后，再移除指示器并更新UI。这样既不会阻塞主线程，也能让用户明确知道系统正在处理请求。

修改后的代码如下：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 先初始化基础UI组件
    navigationItem.leftBarButtonItem = UIBarButtonItem(title: "Logout", style: .plain, target: self, action: #selector(handleLogout))
    let image = UIImage(named: "new_message_icon")
    navigationItem.rightBarButtonItem = UIBarButtonItem(image: image, style: .plain, target: self, action: #selector(handleNewMessage))
    navigationController?.navigationBar.prefersLargeTitles = true
    
    // 创建并显示加载指示器
    let activityIndicator = UIActivityIndicatorView(style: .large)
    activityIndicator.center = view.center
    activityIndicator.startAnimating()
    view.addSubview(activityIndicator)
    
    // 传入指示器，在数据加载完成后处理它
    checkIfUserIsLoggedIn(with: activityIndicator)
}

@objc func handleNewMessage(){
    let newMessageController = NewMessageController()
    let navController = UINavigationController(rootViewController: newMessageController)
    present(navController, animated: true, completion: nil)
}

func checkIfUserIsLoggedIn(with indicator: UIActivityIndicatorView) {
    guard let uid = Auth.auth().currentUser?.uid else {
        // 用户未登录，清理指示器并执行登出
        indicator.stopAnimating()
        indicator.removeFromSuperview()
        perform(#selector(handleLogout), with: nil, afterDelay: 0)
        return
    }
    
    Database.database().reference().child("users").child(uid).observeSingleEvent(of: .value, with: {(snapshot) in
        // 数据加载完成，停止并移除指示器
        indicator.stopAnimating()
        indicator.removeFromSuperview()
        
        // 更新导航栏标题
        if let dictionary = snapshot.value as? [String: AnyObject] {
            self.navigationItem.title = dictionary["name"] as? String
        }
    }, withCancel: { error in
        // 处理数据加载失败的情况
        indicator.stopAnimating()
        indicator.removeFromSuperview()
        print("拉取用户数据失败：\(error.localizedDescription)")
    })
}

@objc func handleLogout() {
    // 补充你的登出逻辑
    do {
        try Auth.auth().signOut()
        // 这里可以跳转到登录页面等操作
    } catch let logoutError {
        print(logoutError)
    }
}

// 移除didMove(toParentViewController:)中的checkIfUserIsLoggedIn调用，避免重复发起请求

方式二：提前在跳转前加载数据 #

如果这个视图是用户登录后的主界面，更优的做法是在登录流程中就提前拉取用户数据，或者在跳转到当前视图前确保数据已经获取完成。比如在登录成功的回调里先获取用户信息，再跳转到这个控制器，这样进入视图时就能直接使用数据了。

关键注意点 #

• Firebase的所有数据库请求都是异步的，绝对不能在主线程里同步等待请求结果，这会导致界面卡顿甚至崩溃
• 一定要给用户提供加载状态反馈，避免界面看起来像是“无响应”
• 优先在进入视图前完成必要的数据加载，能大幅提升用户体验

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