NEW: Learn to build amazing SwiftUI apps for macOS with my new book! >>

How to mark content as a placeholder using redacted()

Paul Hudson    @twostraws   

Updated for Xcode 13.3

New in iOS 14

SwiftUI lets us mark text as a placeholder in our view, meaning that it gets rendered but masked out with gray to show it isn’t final content. This is provided through the redacted(reason:) modifier, along with an unredacted() modifier you can use to override redaction as needed.

Here’s how it looks in code:

Text("This is placeholder text")
    .redacted(reason: .placeholder)

Download this as an Xcode project

A long gray rectangle representing redacted text.

You can redact several things in your view at once, just by using redacted(reason:) on a container, like this:

VStack {
    Text("This is placeholder text")
    Text("And so is this")
.redacted(reason: .placeholder)

Download this as an Xcode project

Two gray rectangles representing two lines of redacted text.

Apple has said that redaction is an additive process, meaning that if you add redaction reasons to both a parent and a child then they will combine. Right now there’s only .placeholder, but perhaps we’ll see pixellation or similar in the future?

You can also query any redaction reasons passed in from the environment like this:

struct ContentView: View {
    @Environment(\.redactionReasons) var redactionReasons
    let bio = "The rain in Spain falls mainly on the Spaniards"

    var body: some View {
        if redactionReasons == .placeholder {
        } else {
                .redacted(reason: redactionReasons)

Download this as an Xcode project

The unredacted text “The rain in Spain falls mainly on the Spaniards”.

Placeholder text “Loading...” standing in for redacted text.

Tip: Redaction also works on images using the same code as shown above.

Hacking with Swift is sponsored by RevenueCat

SPONSORED Spend less time managing in-app purchase infrastructure so you can focus on building your app. RevenueCat gives everything you need to easily implement, manage, and analyze in-app purchases and subscriptions without managing servers or writing backend code.

Get Started

Sponsor Hacking with Swift and reach the world's largest Swift community!

Similar solutions…

Buy Pro Swift Buy Swift Design Patterns Buy Testing Swift Buy Hacking with iOS Buy Swift Coding Challenges Buy Swift on Sundays Volume One Buy Server-Side Swift (Vapor Edition) Buy Advanced iOS Volume One Buy Advanced iOS Volume Two Buy Advanced iOS Volume Three Buy Hacking with watchOS Buy Hacking with tvOS Buy Hacking with macOS Buy Dive Into SpriteKit Buy Swift in Sixty Seconds Buy Objective-C for Swift Developers Buy Server-Side Swift (Kitura Edition) Buy Beyond Code

Was this page useful? Let us know!

Average rating: 4.4/5

Unknown user

You are not logged in

Log in or create account

Link copied to your pasteboard.