How To Toggle Between Dynamic Text Sizes in SwiftUI Previews

In this article, I show you how to toggle between dynamic text sizes in SwiftUI previews.

.sizeCategory

To render a SwiftUI Preview with an increased text size (Dynamic Type), we use the environment modifier on our view.

swift
#Preview {
    BarcodeView(
        code: "N000012345",
        header: "MerĂ¥pent bruker",
        footer: "Deichman"
    ).environment(\.sizeCategory, .accessibilityExtraExtraExtraLarge)
}

If you want to compare your view with different text sizes, you can add more previews like so:

swift
#Preview("Normal Text Size") {
    BarcodeView(
        code: "N000012345",
        header: "MerĂ¥pent bruker",
        footer: "Deichman"
    )
}
 
#Preview("Extra Large Text Size") {
    BarcodeView(
        code: "N000012345",
        header: "MerĂ¥pent bruker",
        footer: "Deichman"
    ).environment(\.sizeCategory, .accessibilityExtraExtraExtraLarge)
}

This allows us to toggle between the different previews at the top of the preview canvas.

Reply via emailBuy me a coffee