[SwiftUI]画像(Image)をURLから表示するには？

どうも、ちょげ(@chogetarou)です。

URLを指定して画像を表示する方法を紹介します。

方法

URLを指定して画像を表示するには、AsyncImageを使います。

まず、AsyncImageを用意し、引数「url」にURL()を指定します。

そして、URLの引数「string」に、画像のURLの文字列を指定します。

AsyncImage(url: URL(string: "URLの文字列"))

AsyncImageは、指定されたURLの画像を表示します。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            AsyncImage(url: URL(string: "https://cdn.pixabay.com/photo/2013/07/18/15/07/hummingbird-164632__340.jpg"))
        }
    }
}