How can I fit a shape in swift ui to accommodate the length and width of a text view

Question

ZStack {
    RoundedRectangle(cornerRadius: 8)
        .foregroundColor(.red)
        .scaledToFit() //.frame(width: 200, height: 25)
        
    HStack {
        Image(systemName: "tag.fill")
            .foregroundColor(.white)
            
        Text("Tickets Not Available")
            .font(.headline)
            .foregroundColor(.white)
            .fixedSize(horizontal: true, vertical: false)
    }
}
.scaledToFit()

As you can see my views are placed in a zstack so that the rounded rectangle can be the background of the text view. I've tried so many different things like where to put the .scaledtofit and it just gives me wack results each time.

Answer 1

is this what you're after (note the Image.resizable):

import SwiftUI

struct ContentView: View {

var body: some View {
    ZStack{
        RoundedRectangle(cornerRadius: 8).foregroundColor(.blue)
        HStack{
            Image(systemName: "tag.fill").resizable().padding(4).foregroundColor(.white).scaledToFit()
            Text("Get Tickets").font(.headline).foregroundColor(.white)
        }
    }.fixedSize()
}