如何使用roundedrectangle() 实现ios 模糊背景？

Question

我有这个代码：

import SwiftUI
 struct MyBackGround: View {
    var body: some View {
        ZStack() {
            Color.pink.ignoresSafeArea()
            RoundedRectangle(cornerRadius: 20).background(Color.white.opacity(0.5))
                .frame(width: 220, height: 100)
        }
    }
}

而这张图片：

我想实现类似 iOS 模糊背景的外观，但没有奏效。

Answer 1

您可以使用更简单的代码来实现这一点。 您的代码不起作用，因为您的RoundedRectangle最初包含黑色作为其foreground 。

import SwiftUI

struct ContentView: View {

var body: some View {
    ZStack {
        Color.pink.ignoresSafeArea(.all)
        RoundedRectangle(cornerRadius: 20)
            .fill(.ultraThinMaterial)
            .frame(width: 200, height: 200)
    }
  }

}