💾view modifier (template)

swift ⟩ custom ⟩ snippets ⟩ view modifier (template)

💾 程式

import SwiftUI

// 1. (internal) view modifier
struct MyViewModifier: ViewModifier {
    
    // ⭐️ 2. new states (optional)
    @State private var blur = true              
    
    // body(content:) - ViewModifier requirement
    func body(content: Content) -> some View {
        // ⭐️ 3. modify input `content`
        content
            .blur(radius: blur ? 20 : 0)
            .clipped()
            .onTapGesture { 
                withAnimation {
                    self.blur.toggle()
                }
            }
    }
}

// ⭐️ 4. public helper
extension View {
    public func myModifier() -> some View { 
        modifier(MyViewModifier()) 
    }
}

👥 相關

• view modifier

• ViewModifier

💈範例

• .nsfw()