SwiftUI Course: From Scratch

SwiftUI Course: From Scratch

SwiftUI #0. The First Project

Published on Dec 15, 2022

Learn Learn how to set up your first project for SwiftUI with Xcode.

SwiftUI #1. VStack, HStack and ZStack: SwitUI basic layout

Published on Dec 17, 2022

Learn about the basic layouts in SwifUI with VStack, HStack, ZStack and Spacer.

SwiftUI #2. Avoid the 10 elements limit in VStack, HStack and Zstack

Published on Dec 18, 2022

VStack, HStack and ZStack have a limit on the number of elements they can contain: 10. Let’s see how we can make these structures contain more than 10 elements.

SwiftUI #3. Layout modifiers: frame, padding, background… and more

Published on Dec 21, 2022

We are going to see some of the most used modifiers that can be applied to a View in SwiftUI.

SwiftUI #4. Using the Text component

Published on Dec 24, 2022

Text is a SwiftUI component that allows us to display text on the screen. The different modifiers that we can apply to this component allow us to greatly customize it.

SwiftUI #5. Using the Button component

Published on Dec 26, 2022

The Button view, which can be modified with a number of modifiers to change its appearance and behavior, is used in SwiftUI to build buttons.

SwiftUI #6. Using the Image component

Published on Jan 2, 2023

Image component is a powerful and flexible way to display images in your app. You can use it to display images from your app bundle, from a remote URL, or from the user’s photo library.

SwiftUI #7. Design a complex UI with SwiftUI

Published on Jan 12, 2023

In this tutorial, we will be diving into the world of SwiftUI and creating a complex UI design. We will be covering various layout techniques that will help you take your app’s design to the next level.

SwiftUI #8. Control data flow with @State, @Binding, @ObserverObject, and @Published

Published on Jan 20, 2023

This chapter covers the use of property wrappers in SwiftUI: @State, @Binding, @ObservedObject, and @Published. We will examine examples and use cases to understand how to effectively manage the state of views and objects, and create dynamic and reactive user interfaces.

SwiftUI #9. Navigation in SwiftUI: NavigationStack

Published on Jan 26, 2023

This chapter will go over how to use NavigationStack and NavigationLink, which are the two main components for managing the navigation stack and navigating between views in an app. The post describes how to use these components in detail, as well as how to customize their appearance and behavior with built-in modifiers. The guide also includes examples and explanations of how to pass data between views and control navigation programmatically.

SwiftUI #10. Navigation in SwiftUI: NavigationSplitView

Published on Feb 3, 2023

In this new chapter of the course we are going to see a new component available in iOS 16. It is NavigationSplitView, which will allow us to establish navigation interfaces with two and three columns. In this post I will describe how to use it.

SwiftUI #11. Building Lists

Published on Feb 7, 2023

In this chapter, we will delve deep into the world of Lists in SwiftUI, exploring the various features and capabilities of this important component. We will cover the basics of what a List is and how it works, the different types of modifiers you can use to customize your lists, how to create sections with headers and footers, and more.

SwiftUI #12. Creating Forms in SwiftUI

Published on Feb 12, 2023

SwiftUI makes it simple to build forms that collect user input. This article will discuss sophisticated methods for modifying the look and behavior of forms in SwiftUI, such as creating original form controls, organizing controls into sections, and employing practical modifiers.

SwiftUI #13. LazyVGrid and LazyHGrid

Published on Feb 24, 2023

In SwiftUI, LazyVGrid and LazyHGrid make it easy to create flexible and responsive grid layouts for iOS apps, with intuitive syntax and powerful features.