Updated for Xcode 12.0
Use the Image
view to render images inside your SwiftUI layouts. These can load images from your bundle, from system icons, from a UIImage
, and more, but those three will be the most common.
To load an image from your bundle and display it inside an image view, you’d just use this:
var body: some View {
Image("example-image")
}
Note: I’m not going to repeat the var body: some View {
part from now on – you get the idea. In the future I’ll show it only when it really matters.
You also can create an image view from an existing UIImage
. As this requires more code, you’ll need to use the return
keyword explicitly:
guard let img = UIImage(named: "example-image") else {
fatalError("Unable to load image")
}
return Image(uiImage: img)
If you want to work with Apple’s SF Symbols icon set, you should use the Image(systemName:)
initializer, like this:
Image(systemName: "cloud.heavyrain.fill")
SPONSORED From January 26th to 31st you can join a FREE crash course for iOS devs who want to achieve an expert level of technical and practical skills – it’s the fast track to being a senior developer!
Sponsor Hacking with Swift and reach the world's largest Swift community!
Link copied to your pasteboard.