SwiftUI 環境モディファイア vs 直接モディファイア

VStack {
    Text("子ビュー 1")
    Text("子ビュー 2")
    Text("子ビュー 3")
}
.font(.title)  // 環境モディファイア：すべての子に伝播

VStack {
    Text("子ビュー 1")
    Text("子ビュー 2")
}
.background(.blue)  // 直接モディファイア：VStack のみに適用

// フォント
.font(.body)

// 前景色
.foregroundStyle(.primary)

// 無効化
.disabled(true)

// アクセントカラー
.tint(.blue)

// 色モード
.colorScheme(.dark)

// レイアウト方向
.layoutDirection(.rightToLeft)

// 行間
.lineSpacing(8)

// 複数行テキストの配置
.multilineTextAlignment(.center)

// 背景
.background(.blue)

// フレーム
.frame(width: 100, height: 100)

// パディング
.padding()

// 境界線
.border(.gray)

// 影
.shadow(radius: 5)

// 角丸
.clipShape(RoundedRectangle(cornerRadius: 8))

// 回転
.rotationEffect(.degrees(45))

VStack {
    Text("タイトル")
        .font(.largeTitle)  // 上書き
    
    Text("通常テキスト")
    // 親の .title が適用される
    
    Text("キャプション")
        .font(.caption)  // 上書き
}
.font(.title)

// 環境キーの定義
private struct CardStyleKey: EnvironmentKey {
    static let defaultValue: CardStyle = .default
}

extension EnvironmentValues {
    var cardStyle: CardStyle {
        get { self[CardStyleKey.self] }
        set { self[CardStyleKey.self] = newValue }
    }
}

// 環境モディファイアの作成
extension View {
    func cardStyle(_ style: CardStyle) -> some View {
        environment(\.cardStyle, style)
    }
}

// 子ビューでの使用
struct CardView: View {
    @Environment(\.cardStyle) var style
    
    var body: some View {
        // style を使って描画
    }
}

VStack {
    CardView()
    CardView()
    CardView()
}
.cardStyle(.rounded)  // すべての CardView に伝播