SwiftUI — 如何在 ScrollView 中显示倒计时？

Posted 2023-02-24

【中文标题】SwiftUI — 如何在 ScrollView 中显示倒计时？

【英文标题】：SwiftUI — How can I display a countdown in a ScrollView?

【发布时间】：2020-10-14 17:38:45

【问题描述】：

我正在尝试为 Apple Watch 制作一个 SwiftUI 应用程序，该应用程序需要在 ScrollView 中设置倒数计时器。但是，当我在 ScrollView 中放置日期格式化程序时，应用程序崩溃（至少在模拟器中 - 我无法在真实设备上进行测试，因为我的应用程序 ID 限制已经有几天了）。

代码如下：

struct ContentView: View 
    let date = Date()
    
    var body: some View 
        ScrollView 
            Text(date, style: .timer)
        
    

它给了我这个运行时错误：EXC_BAD_INSTRUCTION (code=EXC_I386_INVOP, subcode=0x0)

在一个名为SwiftUI.DisplayList.ViewUpdater.ViewCache.setNextUpdate(_:item:state:tag:)的函数中

【参考方案1】：

这似乎是一个值得报告的错误。

DateFormatter() 似乎是一个可行的解决方法。

import SwiftUI

struct TimerStyle: View 
    let date = Date()
    
    let timerFormat: DateFormatter
    
    init() 
        timerFormat = DateFormatter()
        timerFormat.dateFormat = "HH:mm:ss"
        
    
    var body: some View 
        ScrollView 
            Text(date, formatter: timerFormat)
        
    


struct TimerStyle_Previews: PreviewProvider 
    static var previews: some View 
        TimerStyle()
    

【参考方案2】：

struct ContentView: View 
    var body: some View 
        ScrollView 
            Text(Date(), style: .timer)
                .clipped()
        
    

【参考方案3】：

这就是答案！！！只需添加

.clipped()

struct ContentView: View 
    var body: some View 
        ScrollView 
            Text(Date(), style: .timer)
                .clipped()
        
    

【讨论】：

请解释一下为什么会这样。

这是一个神奇的错误，我不知道它是如何工作的