如何使 swiftUI 中的文本背景模糊

Question

I have multiple Quotes in scroll view in form of text and image on background and i want to make view blur only for text not full image. Here is code:-

Text(text)
.padding(.trailing, 10)
.font(.custom(AppData.shared().appFont, size: 38))
.foregroundColor(.white)
.frame(width: UIScreen.screenWidth, height: UIScreen.screenHeight)
.multilineTextAlignment(.center)
.shadow(color: .black.opacity(0.5), radius: 7)
.minimumScaleFactor(0.5)
.ignoresSafeArea()

I want to blur text background instead of shadow.

Answer 1

You can use material with a background modifier.

Text(text)
    .padding()
    .foregroundColor(.white)
    .background(.ultraThinMaterial)

You can also apply blur modifier on Rectangle which you can set as background of your Text .

Text(text)
    .padding()
    .foregroundColor(.white)
    .background(
         Rectangle()
            .fill(.gray.opacity(0.5))
            .blur(radius: 5)
    )