如何在API完成任务、Web服务返回响应前持续显示Splash Screen？

嘿，这个需求太普遍了——不少应用都需要在启动时拉取核心初始化数据（比如用户信息、配置参数），确保数据就绪后再进入主界面。我分Android和iOS两个主流平台，给你讲具体的实现思路和代码示例：

Android 实现方案 #

核心思路 #

把启动页（Splash Screen）设为应用的入口Activity，在这个Activity内部发起API请求，只有当请求成功/失败处理完成后，才跳转到主界面。同时要注意：绝对不能在主线程执行网络请求，必须用异步方式（比如协程、RxJava）。

代码示例（Kotlin + 协程） #

class SplashActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_splash)

        // 启动协程执行API请求
        lifecycleScope.launch {
            try {
                // 模拟API请求（替换成你的实际网络请求逻辑，比如Retrofit调用）
                val apiResponse = fetchInitialData()
                
                // 请求成功，跳转到主界面
                startActivity(Intent(this@SplashActivity, MainActivity::class.java))
                finish() // 关闭启动页，避免用户返回时再看到
            } catch (e: Exception) {
                // 请求失败，处理异常（比如显示重试提示、跳转到错误页）
                Toast.makeText(this@SplashActivity, "初始化失败，请检查网络", Toast.LENGTH_LONG).show()
                // 可以延迟几秒后自动重试，或者让用户手动触发
                delay(2000)
                startActivity(Intent(this@SplashActivity, MainActivity::class.java))
                finish()
            }
        }
    }

    // 模拟网络请求方法
    private suspend fun fetchInitialData(): String {
        // 这里替换成你的实际网络请求，比如Retrofit的suspend方法
        return withContext(Dispatchers.IO) {
            delay(3000) // 模拟请求耗时
            "初始化数据"
        }
    }
}

优化要点 #

• 给请求设置超时时间，避免启动页无限等待
• 加入网络状态判断，无网络时直接提示用户
• 可以用ViewModel保存请求状态，避免屏幕旋转时重复请求
• 如果有缓存逻辑，优先读取缓存，再后台更新数据，提升启动速度

iOS 实现方案 #

核心思路 #

系统默认的LaunchScreen.storyboard会在App启动时自动显示，我们需要在App启动完成后，先发起API请求，请求结束后再切换到主界面。分UIKit和SwiftUI两种场景来讲：

1. UIKit 场景（SceneDelegate）

class SceneDelegate: UIResponder, UIWindowSceneDelegate {
    var window: UIWindow?

    func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
        guard let windowScene = (scene as? UIWindowScene) else { return }
        window = UIWindow(windowScene: windowScene)
        
        // 发起API请求
        fetchInitialData { [weak self] success in
            DispatchQueue.main.async {
                if success {
                    // 请求成功，设置主界面为根控制器
                    let mainVC = MainViewController()
                    self?.window?.rootViewController = UINavigationController(rootViewController: mainVC)
                } else {
                    // 请求失败，显示错误提示或跳转到错误页
                    let errorVC = ErrorViewController()
                    self?.window?.rootViewController = errorVC
                }
                self?.window?.makeKeyAndVisible()
            }
        }
    }

    // 模拟网络请求
    private func fetchInitialData(completion: @escaping (Bool) -> Void) {
        URLSession.shared.dataTask(with: URL(string: "https://your-api-url.com/initial-data")!) { data, response, error in
            if let error = error {
                print("请求失败: \(error.localizedDescription)")
                completion(false)
                return
            }
            // 解析数据逻辑...
            completion(true)
        }.resume()
    }
}

2. SwiftUI 场景

@main
struct MyApp: App {
    @State private var isDataLoaded = false
    @State private var isError = false

    var body: some Scene {
        WindowGroup {
            if isDataLoaded {
                MainView() // 主界面
            } else if isError {
                ErrorView(onRetry: loadInitialData) // 错误页，带重试按钮
            } else {
                LaunchScreenView() // 自定义启动页视图（和LaunchScreen.storyboard保持一致）
                    .onAppear {
                        loadInitialData()
                    }
            }
        }
    }

    private func loadInitialData() {
        URLSession.shared.dataTask(with: URL(string: "https://your-api-url.com/initial-data")!) { data, response, error in
            DispatchQueue.main.async {
                if let error = error {
                    print("请求失败: \(error.localizedDescription)")
                    isError = true
                    return
                }
                // 解析数据逻辑...
                isDataLoaded = true
            }
        }.resume()
    }
}

优化要点 #

• 利用URLSessionConfiguration设置请求超时时间
• 可以结合UserDefaults缓存上次的初始化数据，优先加载缓存再更新
• 处理无网络情况，给用户清晰的提示和重试选项

通用最佳实践 #

• 不要在启动页做过多操作：只保留必要的初始化请求，避免启动时间过长影响用户体验
• 失败兜底：无论请求成功与否，都要给用户一个明确的结果，不能让启动页一直挂着
• 加载提示：如果请求耗时较长，可以在启动页加入进度条或动画，让用户知道App在工作

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