[SwiftUI] image 위에 image 얹기(ZStack)

지난번 코드 작성 후에 좀 바꼈음.

선택된 이미지를 지울 수 있게 코드를 수정하고 이미지 위에 -를 추가하여 취소 할 수 있음을 표시함.

... 생략 ...
ForEach(0..<imagePicker.images.count, id: \.self) { index in
	Button {
		imagePicker.images.remove(at: index)
	} label: {
    	ZStack {
        	imagePicker.images[index]
            	.resizable()
            	.frame(width: 100, height: 100)
            	.scaledToFill()
            Image(systemName: "minus.circle.fill")
            	.resizable()
                .frame(width: 15, height: 15)
                .tint(.red)
            Spacer()
		}
	}
}
... 생략 ...

저 빨간색 버튼이 이미지 가운데 있다 보니 보기에 예쁘지 않다고 함.

위치 수정을 하려고 보니 padding이 안 됐음.

 

공식문서 뒤져봄.

func padding(_ insets: EdgeInsets) -> some View

이걸 쓰면 될 것 같음.

 

예제 내용 보고 -이미지 추가한 곳에 코드 추가 수정함.

... 생략 ...
Image(systemName: "minus.circle.fill")
	.resizable()
	.frame(width: 15, height: 15)
	.tint(.red)
	.padding(EdgeInsets(top: 3, leading: 70, bottom: 40, trailing: 0))
... 생략 ...

 

 

끝!