Previsualizaciones y PreviewProvider

Las vistas previas de Xcode permiten ver al instante los cambios de SwiftUI sin iniciar el simulador. Se definen con `#Preview` (Swift 5.9 o posterior) o `PreviewProvider`.

```swift #Preview { ContentView() } ``` La definición de vista previa más sencilla: una sola línea. Xcode la muestra en el lienzo.

```swift struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } } ```

```swift #Preview("Dark Mode") { ContentView().preferredColorScheme(.dark) } #Preview("iPad") { ContentView().previewDevice("iPad Air (5th generation)") } ```

```swift #Preview { let model = ViewModel() model.items = ["One","Two","Three"] return ListView(model: model) } ```

```swift struct Previews: PreviewProvider { static var previews: some View { Group { ContentView().previewDisplayName("Light") ContentView().preferredColorScheme(.dark).previewDisplayName("Dark") } } } ```

```swift #Preview { ContentView() .environment(\.locale, .init(identifier:"tr")) .environment(\.sizeCategory, .accessibilityLarge) } ```

```swift #Preview { ContentView().environmentObject(AppModel()) } ```

• Las vistas previas se ejecutan en un proceso independiente • Mantenga ligeros los datos de las vistas previas • Extraiga los datos específicos de las vistas previas en `extension PreviewProvider` • Evite las llamadas de red en el código de las vistas previas

Haga clic en el botón ▶ del lienzo de la vista previa para activar la vista previa en vivo: un modo interactivo en el que los toques en los botones y la entrada en los campos de texto funcionan en tiempo real.

Ideas clave: • `#Preview { }`: vista previa de una sola línea en Swift 5.9 o posterior • `PreviewProvider`: enfoque anterior basado en protocolos • Cree varias vistas previas con distintos nombres, dispositivos y esquemas de color • Inyecte `environment` y `environmentObject` en las vistas previas • Las vistas previas en vivo permiten realizar pruebas interactivas sin iniciar la aplicación ¡Curso completado! Siguiente: diseño en SwiftUI.