SwiftUI Views - Video Reference Library

In this course, you'll learn about all the SwiftUI Views and how to use them effectively.

You don't need to go through this course from top to bottom. Feel free to jump around depending on what your needs are.

Treat this as a reference library that you can keep coming back to in order to get the essential "how-to" on any SwiftUI View!

Course curriculum

  • 1

    Companion Xcode Project

    • Welcome

    • Resources

    • Where to Get Help?
  • 2

    Organize Screen Elements with Layout Views

    • VStack

    • LazyVStack

    • HStack

    • LazyHStack

    • ZStack

    • Spacer

    • GeometryReader

    • LazyHGrid

    • LazyVGrid

    • ScrollViewReader
  • 3

    Add Screen Elements with Control Views

    • Button

    • ColorPicker

    • DatePicker

    • DisclosureGroup

    • Form

    • GroupBox

    • Label

    • Link

    • List

    • Menu

    • NavigationView

    • NavigationView with Data

    • OutlineGroup

    • Picker

    • ProgressView

    • ScrollView

    • SecureField

    • SegmentedControl

    • SignInWithAppleButton

    • Slider

    • Stepper

    • TabView

    • TabView-Paging

    • Text

    • Text with Custom Fonts

    • TextEditor

    • TextField

    • Toggle
  • 4

    Enhance UI Design with Shapes and Other Views

    • Shapes Introduction

    • Shape Outlines - Strokes

    • Shapes with Views

    • Color

    • Divider

    • Group

    • Image

    • Image Symbol

    • Path Introduction
  • 5

    Working with and Creating Shapes

    • Creating a Curve-Sided Rectangle

    • Creating a Wave Shape

    • Creating Triangular Shapes
  • 6

    Enhance UI Design with Gradients and Colors

    • AngularGradient

    • LinearGradient

    • RadialGradient

    • ImagePaint
  • 7

    More Ways to Display Views with Control Modifiers

    • ActionSheet

    • ActionSheet with Data

    • Alert

    • ContextMenu

    • Sheet

    • Popover

    • Toolbar
  • 8

    Perfect UI Placement with Layout Modifiers

    • Background and Overlay

    • Frame (Fixed & Flexible)

    • Padding

    • 3 Ways to Hiding Views

    • Prioritizing Layout
  • 9

    Touch Up your Views with Effect Modifiers

    • AccentColor

    • Blur

    • ClipShape

    • Mask

    • Opacity

    • RotationEffect

    • Rotation3DEffect

    • Shadow

    • ScaleEffect
  • 10

    SwiftUI Animations Are Fun!

    • Introduction to SwiftUI Animations

    • What Can You Animate in SwiftUI?

    • Animation Options

    • Animation Scope

    • Understanding the Power of the WithAnimation Functions

    • Spring Animations in SwiftUI

    • Your First Animated Transition

    • Working with Transitions and Layers

    • Different Insertion and Removal Transitions

    • Introduction to MatchedGeometryEffect

    • MatchedGeometryEffect with Animations

    • Using MatchedGeometryEffect Between Two Views

    • Using MatchedGeometryEffect with Repeated Data (LazyVStack)
  • 11

    Making your App Work Correctly with Data

    • Properties in Structs

    • The @State Property Wrapper

    • @State: Working with Value Types & Reference Types

    • The @Binding Property Wrapper

    • What is an Observable Object?

    • The @StateObject Property Wrapper

    • The @ObservedObject Property Wrapper

    • The @AppStorage Property Wrapper

    • The @SceneStorage Property Wrapper

    • The @EnvironmentObject Property Wrapper and Modifier
  • 12

    Other Topics

    • Conditional Navigation in SwiftUI