How to use @State inside SwiftUI previews using @Previewable
About 2 min
How to use @State inside SwiftUI previews using @Previewable 관련
SwiftUI by Example
Back to Home
How to use @State inside SwiftUI previews using @Previewable | SwiftUI by Example
How to use @State inside SwiftUI previews using @Previewable
Updated for Xcode 16
Improved in iOS 18
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.
Similar solutions…
What's the difference between @ObservedObject, @State, and @EnvironmentObject? | SwiftUI by Example
What's the difference between @ObservedObject, @State, and @EnvironmentObject?
SwiftUI tips and tricks | SwiftUI by Example
SwiftUI tips and tricks
How to use @ObservedObject to manage state from external objects | SwiftUI by Example
How to use @ObservedObject to manage state from external objects
How to disable the overlay color for images inside Button and NavigationLink | SwiftUI by Example
How to disable the overlay color for images inside Button and NavigationLink
How to run some code when state changes using onChange() | SwiftUI by Example
How to run some code when state changes using onChange()
