Repository navigation
Unable to scale SVG in SwiftUI #808
Description
How do I properly scale SVG images in SwiftUI?
I'm running kotlin-2-sample in the latest commit with the following ContentView.swift:
import SwiftUI
import shared
extension Image {
init(resource: KeyPath<MR.images, shared.ImageResource>) {
self.init(uiImage: MR.images()[keyPath: resource].toUIImage()!)
}
}
struct ContentView: View {
let greet = Greeting().getMR()
var body: some View {
Image(resource: \.car_black)
.resizable()
.aspectRatio(contentMode: .fit)
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}This creates this blurry mess:
If I manually add the same image to the .xcassets file and update the code:
import SwiftUI
import shared
extension Image {
init(resource: KeyPath<MR.images, shared.ImageResource>) {
self.init(uiImage: MR.images()[keyPath: resource].toUIImage()!)
}
}
struct ContentView: View {
let greet = Greeting().getMR()
var body: some View {
Image(resource: \.car_black)
.resizable()
.aspectRatio(contentMode: .fit)
Image("car_black")
.resizable()
.aspectRatio(contentMode: .fit)
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}I get this
Am I missing something?
Activity
pauarmada commentedon Jul 3, 2025
@OskarPersson , I sent a PR for this to update the README: #833
This is what we ended up using: