visionOS Tips: ZStackで複数のRealityViewを配置した際のズレ対応

RealityViewを複数配置する際にZStackを使うと奥行きがズレた状態で配置されます。
そのズレをなくす設定。

画面

Before

After

実装

import SwiftUI
import RealityKit
import RealityKitContent

struct ImmersiveView: View {

    var body: some View {

        ZStack {
            RealityView { content in
                if let immersiveContentEntity = try? await Entity(named: "Immersive", in: realityKitContentBundle) {
                    content.add(immersiveContentEntity)
                }
            }
            .frame(depth: 0)

            RealityView { content in
                if let immersiveContentEntity = try? await Entity(named: "Immersive", in: realityKitContentBundle) {
                    content.add(immersiveContentEntity)
                }
            }
            .frame(depth: 0)
        }
    }
}