iOS Lottie로 배경 애니메이션을 넣을 때 일부 버튼이 가려지는 문제 겪어보신 분 계신가요..?

[JM0307]

lottie를 배경으로 넣어보려고 하는데 애니메이션 뷰가 버튼 두개를 가려버리네요ㅠㅠ

Zstack으로 넣고

1. .zIndex(0)
2. .allowsHitTesting(false)
3. .ignoresSafeArea()

전부 적용해봤는데도 해결이 안됩니당..
혹시 관련해서 알고 계시는 분 댓글 부탁드립니다🙇‍♂️

[salgilbarana]

https://blog.naver.com/sqlpro/221045533395 해당 블로그 보시면 디버그로 뷰 계층을 구조를 봐야 합니다. 그리고 나서 작성하신 로티 배경을 가장 아래로 놓아져 있는지 확인하시고 로티 배경을 가장 아래로 놓으면 되지 않을 가 싶네요 우선 제 코드를 예시로 드릴게요 저는 이미지를 배경으로 사용했습니다.

            ZStack(alignment: .topLeading){
                Image("VendingMachine") // 뒷 배경으로 사용한 이미지
                    .resizable()
                LazyVGrid(columns: columns, spacing: 20) {
                    ForEach(missions.prefix(16)) { item in
                        Button(action: {
                            selectedMission = item
                            showModal = true
                        }) {
                 // 버튼 라벨에 사용한 이미지
                        }
                        .contextMenu{
                            Button(role: .destructive) {
                                deleteMission(item)
                            } label: {
                                Label("삭제", systemImage: "trash")
                            }
                        }
                    }
                }.padding(.trailing, 60)
                    .padding(.top, 16)
            }

도음이 되시길 :) 그래도 안되면 gus 찾아오세요

[JM0307]

좋은 정보 공유해주셔서 감사합니다 gus~!

알려주신대로 확인해봤는데 Z index 문제는 아니었고 배경 위에 있는 VStack 안에 있는 Spacer가 문제였네요ㅎㅎ
위 아래로 영역이 늘어나 버튼들이 화면 밖으로 벗어나는거였어요..! spacer 삭제해서 해결했습니다!

[salgilbarana]

도움이 되었다니 다행입니다~~