DynamicLabeledContentStyle

DynamicLabeledContentStyle.swift

import SwiftUI

/// Use `VStack` when the Dynamic Type size is bigger than `.accessibility1`, otherwise; `HStack`.
struct DynamicLabeledContentStyle: LabeledContentStyle {
    
    @Environment(\.dynamicTypeSize) var dynamicTypeSize
    
    func makeBody(configuration: Configuration) -> some View {
        
        if dynamicTypeSize.isAccessibilitySize {
            VStack(alignment: .leading) {
                configuration.label.foregroundStyle(.primary)
                configuration.content.foregroundStyle(.secondary)
            }
        } else {
            HStack {
                configuration.label.foregroundStyle(.primary)
                Spacer()
                configuration.content.foregroundStyle(.secondary)
            }
        }
    }
    
}

extension LabeledContentStyle where Self == DynamicLabeledContentStyle {
    static var dynamic : Self { DynamicLabeledContentStyle() }
}

#Preview {
    VStack {
        LabeledContent {
            Text("1")
        } label: {
            Text("Text1")
        }
        .labeledContentStyle(.dynamic)
        .environment(\.dynamicTypeSize, .medium)
        
        LabeledContent {
            Text("2")
        } label: {
            Text("Text2")
        }
        .labeledContentStyle(.dynamic)
        .environment(\.dynamicTypeSize, .accessibility1)

    }
}