Fundamental SwiftUI Views

This unit introduces core SwiftUI building blocks — ContentView, Text, Image, Button, and layout containers VStack and HStack — and demonstrates how modifiers control appearance and behavior. Students will build, customize, and compose simple interfaces, preparing them to create reusable components and tackle advanced layout, state, and navigation topics in later units.

Learning Objectives

• Analyze the role of ContentView and the SwiftUI view hierarchy by tracing how the body property composes subviews in a sample project
• Apply modifiers to configure and style Text, Image, and Button views (e.g., font, color, padding, frame, cornerRadius) to meet specified design requirements
• Demonstrate composing user interfaces by building responsive layouts with VStack and HStack that arrange Text, Image, and Button views for given screen sizes
• Evaluate and debug layout and modifier interactions by testing modifier order and layout constraints, and recommend accessibility and usability improvements for reuse