title: SwiftUI - How to make Image capInsets work so that image is not stretched?
body: <p>Here is my code</p>
  <pre><code>import SwiftUI
  struct ContentView : View {
      var body: some View {
          Image(systemName: &quot;bubble.right&quot;)
              .resizable(capInsets: EdgeInsets(top: 0, leading: 10, bottom: 0, trailing: 10))
              .frame(width: 200, height: 100)
      }
  }
  #if DEBUG
  struct ContentView_Previews : PreviewProvider {
      static var previews: some View {
          ContentView()
      }
  }
  #endif
  </code></pre>
  <p>Here is the result</p>
  <p><a href="https://i.stack.imgur.com/USYAA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/USYAA.png" alt="enter image description here" /></a></p>
  <p>You can see that the image is still badly stretched. How can i get capInsets working?</p>
  <p><strong>[Edit 1]</strong> -</p>
  <p>What I want is to have a bubble image that can increase in width and height. But I do not want the the image to look distorted upon stretching. Using CapInsets, I am supposed to prevent this.</p>