[SwiftUI] 이미지와 다른 요소들이 겹쳐지는 이슈

팀프로젝트로 게시물화면 ui를 구성하던 중 이미지 크기가 커지면 다른 요소들을 가려버리는 이슈가 있었다.

이미지 코드를 보면

Image("content1")
                                .resizable()
                                .aspectRatio(contentMode: .fill)
                                .overlay(Rectangle().stroke())
                                .frame(width: 200, height: 100)           

이렇게 되있는데 이걸 해결하기 위해

.frame(width: 200, height: 100, alignment : topLeading)

alignment : topLeading을 추가한 결과

이번에는 위에 Text들은 안가려졌지만 밑에있는 하트이미지와 텍스트가 겹쳐졌다.

이를 해결하기 위해 width를 제외한 height와 alignment를 없애주었더니

.frame(width: 200)

다른 요소들과 겹치지않고 정상적으로 이미지가 나타난다.