Dark Mode Counter - Swiftui Typing CST Test

Dark Mode Counter — Swiftui Code

Counter app with light/dark theme toggle.

import SwiftUI

struct DarkModeCounterView: View {
	@State private var count: Int = 0
	@Environment(\.colorScheme) var colorScheme
	@State private var isDark: Bool = false

	var body: some View {
		VStack(spacing: 20) {
		Text("Counter: \(count)")
		.font(.largeTitle)
		HStack {
		Button("+") { count += 1 }
		Button("-") { count -= 1 }
		Button("Reset") { count = 0 }
		}
		Button("Toggle Theme") { isDark.toggle() }
		}.padding()
		.preferredColorScheme(isDark ? .dark : .light)
	}
}

@main
struct DarkCounterApp: App {
	var body: some Scene {
		WindowGroup {
		DarkModeCounterView()
		}
	}
}

Swiftui Language Guide

SwiftUI is Apple’s declarative framework for building user interfaces across iOS, macOS, watchOS, and tvOS using Swift. It allows developers to create fully native apps with less code and real-time previews.

More Swiftui Typing Exercises

Practice Other Languages