1

我有一段非常简单的代码,可以在 swiftui 静态预览中正确显示,并在 iOS 中正确运行。但是,当我选择 macOS 目标和实时预览时,整个层次结构从顶角反复向下移动。

这是我正在试验的代码(使用 Xcode 版本 12.3 (12C33)):

//
//  BrokenAnimation.swift
//

import SwiftUI

struct BrokenAnimation: View {
    @State var phase: CGFloat = 0
    
    var body: some View {
        ZStack(alignment: Alignment.topLeading) {
            Rectangle()
                .fill(Color.blue)
                .frame(width: 1200, height: 1200)
            Rectangle()
                .stroke(style: StrokeStyle(lineWidth: 2, lineCap: .butt, lineJoin: .round, miterLimit: 1, dash: [5], dashPhase: phase))
                .frame(width: 100, height: 100, alignment: Alignment.topLeading)
                .foregroundColor(.white)
                .onAppear {
                    withAnimation(Animation.linear.repeatForever(autoreverses: false)) {
                        self.phase += 10
                    }
                }
        }
    }
}

struct BrokenAnimation_Previews: PreviewProvider {
    static var previews: some View {
        BrokenAnimation()
    }
}

我的期望是它应该从屏幕的左上角(1200x1200)绘制一个纯蓝色矩形。然后它应该在其顶部绘制一个白色矩形,也在左上角,大小为 100x100。白色矩形用虚线描边,它应该为其相位设置动画 - 我期待在虚线矩形上看到爬行蚂蚁的效果。

但是,当我为 MacOS 选择“实时预览”时,它会创建一个带有预期蓝色矩形和白色虚线的窗口。但是整个 ZStack 从左上角反复向下移动。

这是 macOS 上 swiftui 中的错误吗?还是我在这里缺少什么?

如果我使用 VStack 而不是 ZStack,我会观察到类似的行为。

4

0 回答 0