如何使用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)
    }
  }

}