I want the background of the view to be red, but as you can see in the screenshot below, it's white. What do I misunderstand?

https://imgur.com/a/sRT7BQT

                    VStack {
                        Text("Hello HWS")
                            .foregroundColor(.blue)
                    }
                    .font(.system(size: 15, weight: .regular, design: .rounded))
                    .frame(maxWidth: .infinity, alignment: .center)
                    .background(.red)
                }

Don't you have padding on parent view? Seems like your VStack is a nested view inside another view...

UPD 1:

You seem using List or Form view, they have insets by default. To make color fill all the space you'll need to use .listRowBackground(Color.red)

UPD 2:

Should you require more control or fine tune how the color fills the area you can use .listRowInsets(EdgeInsets())

        List {
            Text("Hello HWS")
                .foregroundColor(.blue)
                .font(.system(size: 15, weight: .regular, design: .rounded))
                .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .center)
                .background(Color.red)
                .listRowInsets(EdgeInsets(top: -20, leading: -20, bottom: -20, trailing: -20))
        }

Thank you @ygeras ! .listRowBackground(Color.red) does the trick :)

Suppose the background of my view is a gradient, do you know how I can match the listRowBackground to the gradient. I can do that by specifying the gradient in listRowBackground, but the position of the Text view needs to take into account the gradient level based on where its displayed in the view.

If that does not make sense, here's an example of what i'm trying to say. The purple part out side of the view is a gradient that goes from dark purple to a very light purple.

https://imgur.com/a/Sb8eyjv

Not sure if i fully understood you. You want to make cells to match the gradient color of background? Something like this?

https://ibb.co/1ny2Kd0

Because if you make the color to mach the background gradient basically the outline becomes invisible and you have to use shadow or maybe border to make it visible...

if the color absolutely matches the background it will be something like this:

https://ibb.co/FBb9CPH

Exactly, the second example is what i'm looking for.

Good grief @ygeras , i'm learning so much from folks like you. Thank you very much! Have a great sunday!

My pleasure :) have a nice Sunday too!