Efecto de desenfoque transparente del tutorial de SwiftUI 5 (iOS 17 Xcode 15 wwdc23)

1. Necesidades prácticas

Efecto de desenfoque transparente efecto de desenfoque transparente

2. El valor y la cosecha de este artículo

Después de leer este artículo, podrá crear la siguiente interfaz

---

3. Análisis de código

1. vista de inicio

import SwiftUI

struct Home: View {
    /// View Properties
    @State private var activePic: String = "Pic"
    @State private var blurType: BlurType = .freeStyle
    var body: some View {
        GeometryReader {
            let safeArea = $0.safeAreaInsets
            
            ScrollView(.vertical) {
                VStack(spacing: 15) {
                    TransparentBlurView(removeAllFilters: true)
                        .blur(radius: 15, opaque: blurType == .clipped)
                        .padding([.horizontal, .top], -30)
                        .frame(height: 100 + safeArea.top)