How to set the realityView at the bottomTrailing edge of the volume?

Question

cjlalala OP

Created Apr ’24

Replies 1

Boosts 0

Participants 2

I have no idea how to set the realityView at the bottom-trailing edge of the volume. Could someone help me?

var body: some View {
        RealityView { content in
            if let scene = try? await Entity(named: "Volume", in: realityKitContentBundle) {
                content.add(scene)
                bookEntity = scene.findEntity(named: "Book")
                crossEntity = scene.findEntity(named: "Cross")
            }
        }
        .toolbar {
            if (isShowToolbar) {
                ToolbarItemGroup(placement: .bottomOrnament) {
                    Text("The toolbar is shown")
                }
            }
        }
        .gesture(tapGesture())
    }

I have tried several ways, but none work, including adding a zstack to align with the bottum.

For now, the bounds of my volume are as follows:

截屏2024-04-02 16.36.05.png

Boost

Answer 1

tfschaap OP

May ’24

You can achieve this by using a VStack and a Spacer, but you also have to constrain the RealityView's frame as it has a higher priority than the Spacer does.

var body: some View {
    VStack {
        Spacer()
        RealityView { content in
            if let scene = try? await Entity(named: "Volume", in: realityKitContentBundle) {
                content.add(scene)
                bookEntity = scene.findEntity(named: "Book")
                crossEntity = scene.findEntity(named: "Cross")
            }
        }
        .toolbar {
            if (isShowToolbar) {
                ToolbarItemGroup(placement: .bottomOrnament) {
                    Text("The toolbar is shown")
                }
            }
        }
        .gesture(tapGesture())
        .frame(height: 150)
    }
}

0