Day143 — path to iOS developer

iOS & Swift - The Complete iOS App Development Bootcamp

Section 17

SwiftUI

• VHZ Stack layout
• Highly reusable UI component
• Cross Platform (iPhone, iPad, Watch)

Xcode — SwiftUI- Apple Developer

command + click

• Embed in HStack/VStack/List
• Extract SubView

preview custom layout NOT inside a phone bezel

Managing State

SwiftUI uses the @State property wrapper to allow us to modify values inside a struct, which would normally not be allowed because structs are value types.

What is the @State property wrapper?

Mutating Struct

Mutating Functions in Swift Structs

Structures and Classes - The Swift Programming Language (Swift 5.4)

Identifiable

computed properties

return objectID for id to mark it Identifiable

Create array instance

ObservableObject

NavigationLink

Construct a SwiftUI version of UIKit component

Summary

SwiftUI is at its early stage. It depends on apple to provide more features. UIKit has way more layout properties, but I can’t resist declarative ui.