SwiftUI实现模拟时钟时角度报错、视图不显示当前时间如何解决？

代码报错的核心原因是原生Date类型没有内置hourAngle、minuteAngle、secondAngle这三个返回Angle类型的计算属性，你调用的这三个属性属于自定义扩展，没有补充这段扩展代码的情况下编译器必然会抛出参数类型错误，也无法正常计算指针角度。
除此之外还有两个会影响显示的隐性问题：

• Hand作为Shape没有默认尺寸，使用TickHands时如果不指定固定宽高，时钟会默认占满父视图所有可用空间，容易出现变形
• 原逻辑的时针计算没有把分钟的偏移算进去，比如10点30分的时针应该在10和11中间，而不是刚好指向10

首先补充Date的角度计算扩展代码：

extension Date {
    var hourAngle: Angle {
        let hour = Double(Calendar.current.component(.hour, from: self))
        let minute = Double(Calendar.current.component(.minute, from: self))
        // 时针每小时转30度(360/12)，每分钟额外转0.5度(30/60)
        return .degrees(hour * 30 + minute * 0.5)
    }
    
    var minuteAngle: Angle {
        let minute = Double(Calendar.current.component(.minute, from: self))
        // 分针每分钟转6度(360/60)
        return .degrees(minute * 6)
    }
    
    var secondAngle: Angle {
        let second = Double(Calendar.current.component(.second, from: self))
        // 秒针每秒转6度
        return .degrees(second * 6)
    }
}

然后使用TickHands的时候需要指定固定宽高，调用示例：

struct ContentView: View {
    var body: some View {
        TickHands()
            .frame(width: 300, height: 300)
    }
}

补充完代码后即可正常编译运行，定时器会每0.5秒刷新一次时间，指针跟随当前时间自动转动。

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