• 2022/11/18
• 3分

【Swift UI】AsyncImageで画像をURLから読み込んで表示させる方法！

＼ アプリをリリースしました ／

友達や家族の誕生日をメモ！通知も届く-みんなの誕生日-

posted withアプリーチ

AsyncImage構造体

公式リファレンス：AsyncImage構造体

Swift UIのAsyncImageを使うことで非同期的にURLを読み込んで画像を表示させることができるようになります。

AsyncImage(url: URL(string: "https://appdev-room.com/image/swift.png")) { image in
    image.resizable()
} placeholder: {
    ProgressView()
}.frame(width: 50, height: 50)

例えばサーバーに保存してある画像を読み込みに行く場合は上記のようになります。表示されるまでに時間がかかるのでplaceholderを明示的に指定できるようになっています。

ProgressView

公式リファレンス：ProgressView

placeholderにはProgressView構造体を使用することで画像を読み込んでいるようなビューを簡単に構築することができます。

まだまだ勉強中ですので間違っている点や至らぬ点がありましたら教えていただけると助かります。

ご覧いただきありがとうございました。