如何在SwiftUI的TimelineView中基于耗时执行代码？

你当前的问题很典型——SwiftUI的TimelineView内容闭包是用来描述UI结构的，不能直接在里面执行修改状态、导航这类"副作用"代码，否则会触发Type '()' cannot conform to 'View'错误。下面提供两种非hack、符合声明式风格的解决方案：

方案一：拆分UI逻辑与副作用监听 #

核心思路是把倒计时计算的结果存为状态变量，再通过onChange监听变量变化来执行导航操作：

struct ChildScreen2: View {
    @Environment(NavigationController.self) var navController
    @State private var startTime: Date = Date()
    let totalDurationSeconds: Double
    // 抽离剩余时间为状态变量
    @State private var remainingSeconds: Int = 0

    var body: some View {
        TimelineView(.periodic(from: Date(), by: 1)) { context in
            let elapsedSeconds = Date().timeIntervalSince(startTime)
            // 计算剩余时间并更新状态
            let calculatedRemaining = max(Int(totalDurationSeconds) - Int(elapsedSeconds), 0)
            self.remainingSeconds = calculatedRemaining

            // 正常构建UI
            VStack {
                Text(context.date.description)
                ZStack {
                    Rectangle().fill(Color.cyan)
                    Text("\(remainingSeconds)")
                }
            }
        }
        // 监听剩余时间变化，触发导航
        .onChange(of: remainingSeconds) { _, newValue in
            if newValue == 0 {
                navController.screen = .main
            }
        }
    }
}

这种方式严格遵循SwiftUI的声明式原则：UI部分只负责根据状态渲染，副作用（导航）通过专门的状态监听回调处理，代码清晰且易维护。

方案二：封装倒计时逻辑到独立Observable对象 #

如果需要更复杂的倒计时控制（比如暂停、重置），可以把逻辑封装到单独的Observable类中，实现视图与业务逻辑解耦：

// 封装倒计时逻辑的Observable类
@Observable
class CountdownManager {
    let totalDuration: Double
    var remainingSeconds: Int
    var isFinished: Bool = false

    init(totalDuration: Double) {
        self.totalDuration = totalDuration
        self.remainingSeconds = Int(totalDuration)
    }

    func start() {
        let startTime = Date()
        Task {
            while remainingSeconds > 0 {
                try await Task.sleep(for: .seconds(1))
                let elapsed = Date().timeIntervalSince(startTime)
                remainingSeconds = max(Int(totalDuration) - Int(elapsed), 0)
                if remainingSeconds == 0 {
                    isFinished = true
                }
            }
        }
    }
}

struct ChildScreen2: View {
    @Environment(NavigationController.self) var navController
    @State private var countdownManager: CountdownManager!

    init(totalDurationSeconds: Double) {
        self._countdownManager = State(wrappedValue: CountdownManager(totalDuration: totalDurationSeconds))
    }

    var body: some View {
        VStack {
            Text(Date().description)
            ZStack {
                Rectangle().fill(Color.cyan)
                Text("\(countdownManager.remainingSeconds)")
            }
        }
        // 视图出现时启动倒计时
        .task {
            countdownManager.start()
        }
        // 监听倒计时完成状态，触发导航
        .onChange(of: countdownManager.isFinished) { finished in
            if finished {
                navController.screen = .main
            }
        }
    }
}

这种方案的优势在于：倒计时逻辑可以独立复用、测试，视图只需要关注展示和状态监听，扩展性更强。

核心原则总结 #

SwiftUI中，View构建闭包（如TimelineView的content参数）只能用于描述UI，不能包含副作用代码。所有需要修改状态、执行导航这类操作，都应该通过onChange、.task等生命周期回调，或者封装到Observable对象中监听状态变化来实现，这才是符合SwiftUI声明式思想的优雅解法。

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