What's New in Xcode 27

import SwiftUI

// This view is designed to be evaluated live in Xcode 27's Device Hub Inspector,
// where you can toggle Dynamic Type, Increase Contrast, and Dark Mode on the fly.

struct AirplaneStatCard: View {
    let name: String
    let range: Double
    let speed: Double

    @Environment(\.colorScheme) private var colorScheme
    @Environment(\.dynamicTypeSize) private var typeSize
    @Environment(\.accessibilityReduceTransparency) private var reduceTransparency

    var background: some ShapeStyle {
        if reduceTransparency {
            return AnyShapeStyle(Color(colorScheme == .dark ? .systemGray5 : .systemGray6))
        } else {
            return AnyShapeStyle(.regularMaterial)
        }
    }

    var body: some View {
        VStack(alignment: .leading, spacing: 12) {
            Text(name)
                .font(.headline)
                .foregroundStyle(.primary)

            Divider()

            HStack {
                Label(String(format: "%.0f m", range), systemImage: "arrow.left.and.right")
                Spacer()
                Label(String(format: "%.1f m/s", speed), systemImage: "speedometer")
            }
            .font(.subheadline)
            .foregroundStyle(.secondary)
        }
        .padding()
        .background(background, in: RoundedRectangle(cornerRadius: 12))
        .padding(.horizontal)
    }
}

struct AirplaneStatsDashboard: View {
    let planes = [
        (name: "Classic Dart", range: 18.0, speed: 4.2),
        (name: "Delta Wing",   range: 24.5, speed: 6.1),
        (name: "Glider Pro",   range: 31.0, speed: 3.8),
    ]

    var body: some View {
        NavigationStack {
            ScrollView {
                VStack(spacing: 16) {
                    ForEach(planes, id: \.name) { plane in
                        AirplaneStatCard(
                            name: plane.name,
                            range: plane.range,
                            speed: plane.speed
                        )
                    }
                }
                .padding(.vertical)
            }
            .navigationTitle("Fleet Stats")
        }
    }
}

#Preview {
    AirplaneStatsDashboard()
}