如何让SwiftUI的.relative样式Text组件在归零后停止计数？

你遇到的核心问题是：直接在ForEach闭包中计算剩余时间不会触发视图自动更新，且无法正确处理带样式的Text字符串转换。以下是可行的实现方案：

方案思路 #

通过定时更新当前日期状态，驱动视图重新计算每个发车时间的剩余时长，以此判断是否显示倒计时或替换内容。

完整代码实现 #

import SwiftUI

// 数据模型示例（根据你的实际结构调整）
struct DepartureInfo {
    let departureTimes: [DepartureTime]
}

struct DepartureTime: Identifiable {
    let id = UUID()
    let time: Date
}

struct DepartureListView: View {
    let departureInfo: DepartureInfo
    @State private var currentDate = Date()
    @State private var updateTimer: Timer?
    
    var body: some View {
        VStack(spacing: 8) {
            ForEach(departureInfo.departureTimes.prefix(3)) { departureTime in
                let timeRemaining = departureTime.time.timeIntervalSince(currentDate)
                
                // 根据剩余时间判断显示内容
                if timeRemaining > 0 {
                    Text(departureTime.time, style: .relative)
                        .font(.subheadline)
                } else {
                    // 可替换为任意你需要的内容，比如空视图隐藏
                    Text("已发车")
                        .font(.subheadline)
                        .foregroundColor(.gray)
                    // 若要直接隐藏，替换为：EmptyView()
                }
            }
        }
        .onAppear {
            // 启动每秒更新的定时器
            updateTimer = Timer.scheduledTimer(withTimeInterval: 1, repeats: true) { _ in
                currentDate = Date()
            }
        }
        .onDisappear {
            // 视图消失时销毁定时器，避免内存泄漏
            updateTimer?.invalidate()
        }
    }
}

关键细节说明 #

1. 状态驱动更新：用@State修饰的currentDate作为时间基准，每秒更新一次，触发视图重新计算所有发车时间的剩余时长。
2. 视图条件渲染：直接根据timeRemaining的值分支渲染视图，避免了将带样式的Text强制转换为字符串的错误操作。
3. 定时器生命周期管理：在onAppear启动定时器，onDisappear销毁定时器，防止内存泄漏。
4. 数据模型优化：让DepartureTime遵循Identifiable协议，避免使用\.self作为ForEach的ID可能引发的重复渲染问题。

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