giik's questions

使用以下内容

@main
struct aspectratioApp: App {
  var body: some Scene {
    WindowGroup { ContentView().border(.blue, width: 2).padding() }
  }
}

并且ContentView没有aspectRatio应用修饰符（见下文），结果符合预期，包括Canvas填充可用空间（我认为这是默认行为），输出canvas size: (243.0, 78.0)到控制台：

接下来，让我们应用.aspectRatio(isSquare ? 1 : nil, contentMode: isSquare ? .fit : .fill)修饰符，我认为修饰符的意思是制作Canvas一个适合的正方形或任何填充可用空间的东西（参见下面带有aspectRatio的ContentView）。从一开始我就得到了一个正方形，Canvas如下所示：

控制台中会打印一个方形画布大小。切换后，isSquare画布会保持方形，尺寸会略小一些：

canvas size: (157.0, 157.0)
canvas size: (130.0, 130.0)

我这里漏掉了什么？ aspectRatio的文档将aspectRatio 参数记录如下：结果视图使用的宽高比。使用 nil 可在结果视图中保持当前的宽高比。我理解的意思是，如果不应用修饰符，则比例将是原来的。

这不是它的工作原理吗？修改器不是无状态的吗？也就是说，它是否记得画布曾经是正方形，并且现在一直保持这种状态，包括重新启动应用程序？

没有aspectRatio的ContentView

struct ContentView: View {
  @State private var isSquare = false
  var body: some View {
    VStack {
      Text("isSquare: \(isSquare)").padding()
      Canvas { _, size in print("canvas size: \(size)") }
        .border(.teal, width: 2)
        .padding()
      Toggle(isOn: $isSquare) { Text("Constrain to Square") }.padding()
    }
    .border(.yellow, width: 2)
    .padding()
  }
}

带有aspectRatio的ContentView

struct ContentView: View {
  @State private var isSquare = false
  var body: some View {
    VStack {
      Text("isSquare: \(isSquare)").padding()
      Canvas { _, size in print("canvas size: \(size)") }
        .aspectRatio(isSquare ? 1 : nil, contentMode: isSquare ? .fit : .fill)
        .border(.teal, width: 2)
        .padding()
      Toggle(isOn: $isSquare) { Text("Constrain to Square") }.padding()
    }
    .border(.yellow, width: 2)
    .padding()
  }
}

以下代码运行正常，正如预期的那样，直到我Text在下面添加了额外的视图Toggle（在下面的代码中已注释掉）。当我这样做时，我得到了一个Geometry action is cycling between duplicate values.错误，程序最终挂起（在 X86 15.2 上）。它并没有真正挂起，但似乎卡在了某个无限更新循环中，消耗了 100% 的核心并耗尽了 RAM。M3 15.1 上出现了同样的错误，只是还没有能够让它挂起/卡住。

这似乎是一个新的错误，因为 Google 没有返回任何结果。

有人见过类似的事情吗？如果是，这意味着什么？

代码有问题吗？或者这是 SwiftUI 中可能存在错误的征兆？

struct CaptureSizeView: ViewModifier {
  @Binding var size: CGSize

  func body(content: Self.Content) -> some View {
    content
      .onGeometryChange(for: CGSize.self) { proxy in proxy.size }
      action: { newValue in size = newValue }
  }
}

public extension View {
  func captureSize(_ size: Binding<CGSize>) -> some View {
    modifier(CaptureSizeView(size: size))
  }
}

public extension CGSize {
  var aspectRatio: CGFloat { self.width / self.height }
}

struct ContentView: View {
  @State private var clearSize: CGSize = .zero
  @State private var isSquare: Bool = false

  var body: some View {
    HStack(alignment: .top) {
      VStack(alignment: .leading) {
        Toggle("Keep Square", isOn: $isSquare).toggleStyle(.switch)
//  Uncomment: error "Geometry action is cycling between duplicate values."
//        Text("available size: \(clearSize)")
      }
      .padding()

      Divider()

      VStack {
        Text("Canvas")
          .font(.largeTitle)
          .fontWeight(.black)
        Text("available size: \(clearSize)")

        ZStack {
          Color.clear
            .border(.green)
            .captureSize($clearSize)
            .overlay {
              Canvas { _, _ in
              }
              .aspectRatio(isSquare ? 1 : clearSize.aspectRatio, contentMode: .fit)
              .background(.yellow)
            }
        }
        .padding()
      }
    }
  }
}

那么，如果想要Canvas知道已解析符号的大小（边界框），例如，相对于其他符号或直接绘制到其中的路径的放置，通过检查GraphicsContext.ResolvedSymbol.size属性是不可能的吗？

这令人惊讶。不是我想做的事情的障碍，但想了解为什么会出现这种特殊行为（如果有人知道并可以解释的话）？

下面重现了关于切换按钮输出的简单示例

canvas size: (400.0, 350.0); symbol size: (400.0, 350.0)
toggled
canvas size: (500.0, 450.0); symbol size: (500.0, 450.0)
toggled
canvas size: (400.0, 350.0); symbol size: (400.0, 350.0)

struct ContentView: View {
  @State private var large = false
  var body: some View {
    VStack {
      Button {
        large.toggle()
        print("toggled")
      } label: {
        Text("Toggle Size")
      }
      Spacer()
      Canvas { context, size in
        let s0 = context.resolveSymbol(id: 0)!
        print("canvas size: \(size); symbol size: \(s0.size)")
        context.draw(s0, in: CGRect(origin: .zero, size: size))
      } symbols: {
        Path(ellipseIn: CGRect(origin: .zero, size: CGSize(width: 300, height: 300)))
          .stroke(.green, lineWidth: 10)
          .border(.blue)
          .tag(0)
      }
      .frame(width: large ? 500 : 400, height: large ? 450 : 350)
    }.padding()
  }
}