Find out how to create the blurring background like Management Middle/Notification Middle?

I wish to create a background like this panel in order that it comes with a colour and blurs the content material under it. I wish to do it in an iOS app.

I attempted background it is solely making use of a colour with opacity, not blurring the content material under it.

I attempted Materials with blur however throughout the radius it is not blurring the background, and Materials blurs the underlying content material an excessive amount of not like what this panel do.

ZStack {
  Rectangle.init()
    .background(.thinMaterial)
    .blur(radius: 20)
  // my contents
}

My contents do not cowl the entire display, so I need this background to adapt to the content material dimension if attainable.

So my questions:

• Is it accessible by some API, and is it availble on iOS?
• If not, the right way to obtain comparable results?