确定 SwiftUI 视图中 SpriteKit SKScene 的实际高度

如何解决确定 SwiftUI 视图中 SpriteKit SKScene 的实际高度

我有一个 SwiftUI 视图，里面有 3 个 SpriteKit SKScenes 的 vstack。 虽然 scoreView 和 accelerometerView 有固定的高度，但 gameScene 没有。 它占用剩余空间，并以某种方式取决于设备。

struct ContentView: View {

    @StateObject private var gameScene = GameSKScene()
    @StateObject private var scoreView = scoreSKScene()
    @StateObject private var accelerometerView = AccelerometerSKScene()

    var body: some View {
    
        vstack {
                SpriteView(scene: scoreView)
                    .frame(height: 50)
                            
                SpriteView(scene: gameScene)
          
                SpriteView(scene: accelerometerView)
                    .frame(height: 50)
    
        }.ignoresSafeArea()
    }
}

现在在 gameScene 中设置场景有问题，因为场景本身没有其大小的信息。

我可以用 UIScreen.main.bounds.width 获得宽度，但如何获得实际高度？

解决方法

如果我理解正确，您希望 gameScene SpriteView 在考虑其他两个场景后填充剩余空间。您可以使用 GeometryReader (documentation here)。

示例用法：

var body: some View {
    GeometryReader { geo in
       VStack {
          SpriteView(scene: scoreView)
              .frame(height: 50)
                            
          SpriteView(scene: gameScene)
              .frame(height: geo.size.height - 100)
          
          SpriteView(scene: accelerometerView)
              .frame(height: 50)
    
        }
    }
}