< How to show text and an icon side by side using Label | How to mark content as private using privacySensitive() > |
Updated for Xcode 14.2
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")
.font(.title)
.redacted(reason: .placeholder)
Download this as an Xcode project
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")
}
.font(.title)
.redacted(reason: .placeholder)
Download this as an Xcode project
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 {
Text("Loading…")
} else {
Text(bio)
.redacted(reason: redactionReasons)
}
}
}
Download this as an Xcode project
Tip: Redaction also works on images using the same code as shown above.
SAVE 50% To celebrate WWDC23, all our books and bundles are half price, so you can take your Swift knowledge further without spending big! Get the Swift Power Pack to build your iOS career faster, get the Swift Platform Pack to builds apps for macOS, watchOS, and beyond, or get the Swift Plus Pack to learn advanced design patterns, testing skills, and more.
Link copied to your pasteboard.