SwiftUI中如何实现相对日期显示（如1秒前、2周前）？

问题1：.relative(presentation: .named) 始终显示“now” #

Text(Date.now, format: .relative(presentation: .named)) 不会自动随时间更新视图，初始渲染后就固定显示“now”，哪怕时间流逝也不会变化。解决核心是让视图定时刷新日期状态：

struct RelativeDateView: View {
    @State private var targetDate = Date.now
    private let updateTimer = Timer.publish(every: 60, on: .main, in: .common).autoconnect()
    
    var body: some View {
        Text(targetDate, format: .relative(presentation: .named))
            .onReceive(updateTimer) { _ in
                targetDate = Date.now
            }
    }
}

通过每分钟触发一次的Timer更新targetDate，强制视图重新渲染，就能正确显示“1分钟前”“1小时前”“昨天”这类动态相对文本。

问题2：.style: .relative 显示计时器样式而非“X前” #

Text(Date.now, style: .relative) 是为实时计时场景设计的（比如显示正在流逝的时长），所以会呈现“1分钟，20秒”这类格式。要实现“X前”的相对时间，建议用RelativeDateTimeFormatter自定义逻辑：

struct RelativeDateView: View {
    @State private var targetDate = Date.now
    private let updateTimer = Timer.publish(every: 60, on: .main, in: .common).autoconnect()
    private let dateFormatter: RelativeDateTimeFormatter = {
        let formatter = RelativeDateTimeFormatter()
        formatter.unitsStyle = .short // 可选：.full（完整格式）、.abbreviated（缩写格式）
        formatter.dateTimeStyle = .named // 控制显示逻辑，比如“昨天”“上周”
        return formatter
    }()
    
    var body: some View {
        Text(dateFormatter.localizedString(for: targetDate, relativeTo: Date.now))
            .onReceive(updateTimer) { _ in
                targetDate = Date.now
            }
    }
}

RelativeDateTimeFormatter可以精准控制相对时间的显示风格，配合定时更新就能实现符合预期的“X前”文本。

额外提示 #

• 可根据需求调整Timer的every参数（比如改为300秒），减少不必要的视图刷新。
• 测试时可以手动设置targetDate为过去的时间（比如Date.now.addingTimeInterval(-3600)），快速验证显示效果。

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