[스위프트] SwiftUI - AsyncImage

이번시간에는 SwiftUI의 AsyncImage를 알아보려 합니다.

 

SwiftUI에는 이미지를 그려주기에 매우 좋은 구조체가 있습니다.

바로 AsyncImage 입니다.

AsyncImage는 구조체이기 때문에 init하는데, 이때 파라메터로 반드시 URL을 받아옵니다.

그럼 해당 URL을 가져와서 바로 이미지가 들어간 View를 반환합니다.

AsyncImage(url: URL(string: "이미지가 있는 URL"))

 

또한 placeholder도 넣어줄수있어 ProgressView()를 넣어주면 이미지가 넘어오기까지 로딩되는것으로 보이게 할 수 있습니다.

AsyncImage(url: URL(string: "이미지 경로 URL")) { image in
    image.resizable() // 이렇게 하면 이미지가 알아서 사이즈 조정이 된다.
} placeholder: {
    ProgressView() // 이미지가 안보일때 대신해 ProgressView가 나온다.
}

 

 

애플 공식문서 - SwiftUI AsyncImage