| < How to use Instruments to profile your SwiftUI code and identify slow layouts | SwiftUI tips and tricks > |
How to use @State inside SwiftUI previews using @Previewable
Updated for Xcode 16.4
SwiftUI's previews can be used with @State bindings by using the @Previewable macro, which lets us use testing state alongside views such as TextField and Toggle.
For example, this creates a local piece of state and binds it to a textfield:
#Preview {
@Previewable @State var username = "Anonymous"
TextField("Enter your name", text: $username)
}Important: @Previewable must only be used inside #Preview.
The @Previewable macro can be used alongside any SwiftUI property wrapper, including @FocusState and @GestureState.
SAVE 50% All our books and bundles are half price for Black Friday, so you can take your Swift knowledge further for less! Get my all-new book Everything but the Code to make more money with apps, 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 Swift Testing, design patterns, and more.
Similar solutions…
- What’s the difference between @ObservedObject, @State, and @EnvironmentObject?
- SwiftUI tips and tricks
- How to use @ObservedObject to manage state from external objects
- All SwiftUI property wrappers explained and compared
- How to disable the overlay color for images inside Button and NavigationLink
