Zstack에서 버튼이 중첩해서 눌리는 현상(position vs offset)

에러 현상

: 버튼 이외의 화면을 눌렀는데 버튼이 눌리는 현상. 

 

해결 방법

: Text가 아닌, Button 전체(label)에 position을 적용, position은 View가 사용할 수 있는 크기만큼 늘어난다. -> text영역 이외도 text로 적용된다. 

 

ZStack{
    HStack{
        Button {
            Coordinator.shared.clothingBinStore.handleButtonTap(buttonType: .currentMap)
        } label: {
            Text("현재 지도")
                .background(
                    Rectangle()
                        .fill(.white)
                )
                .padding()
                // Text자체에 적용하는 것이 아님 (삭제)
                .position(x:350, y:80)

        }
        //이 버튼에 포지션 적용
        .position(x:350, y:80)
        
    }
}

 

추가 메모

offset -> 보이는 위치만 변할 뿐 실제 위치는 변하지 않음( button에 적용 불가)

position -> 사용할 수 있는 크기만큼 늘어남 

[참고]

[SwiftUI] offset 과 position 의 layout 단계