Deep dive into swift UI

• Sr.iOS Developer, Etisalat Misr
• My Etisalat
• Etisalat Cash
• Sr.iOS Developer Vodafone Egypt
• Mobile App Consultant, freelancing
AUTHER
MAHNOUD FATHELBAB

• Declarative Programming
• SwiftUI vs UIKit
• Demo
• SwiftUI Concepts - Modiﬁers - Data Binding
• Combine Framework
• Interfacing SwiftUI and UIKit
29/01/2019 SwiftUI 3
AGENDA

• Declarative programming is Define a Target and the compiler / framework will figure out the how
to do it.
• Imperative programming is commands and orders step by step to execute Target
29/01/2019 SWIFTUI 4
DECLARATIVE PROGRAMMING

• HTML
• FLUTTER
• React & React Native
29/01/2019 SWIFTUI 5
OTHER DECLARATIVE UI FRAMEWORKS

• Simple way to build user interfaces across all Apple platforms(macOS,
watchOS , iOS ).
• With a declarative Swift syntax that’s easy to read and natural to
write.
29/01/2019 SWIFTUI 8
WHAT IS SWIFT UI??

• Xcode : 11 or newer
• macOS : 10.15 Catalina or newer(live streaming)
• iOS :13.0 or newer
29/01/2019 SWIFTUI 9
REQUIREMENTS

29/01/2019 SWIFTUI 10
SIMPLEST SWIFTUI VIEW
• View Protocol :- A type that represents part of your app’s user interface and provides
modifiers that you use to configure views (Not actual view , represent view structure
represntation).
• Body:- The content and behavior of the view.

29/01/2019 SWIFTUI 11
LET’S CUSTOMIZE IT

29/01/2019 SWIFTUI 12
SOMETHING MORE COMPLEX
struct MarvelCharcter: Hashable, Identifiable {
let id: String
let image: String
let title: String
let desc: String
}

29/01/2019 SWIFTUI 13
SOMETHING MORE COMPLEX

29/01/2019 SWIFTUI 14
Demo#1 (UIKit vs SwiftUI)

• NavigationView(content: ...)
• NavigationLink(destination: … , content ….)
29/01/2019 SWIFTUI 15
NAVIGATION

29/01/2019 SWIFTUI 16
Demo#2 (Navigation)

• @State
• @ObjectBinding
• @ EnvironmentObject
• $property
29/01/2019 SWIFTUI 17
SWIFTUI DATA BINDING

29/01/2019 SWIFTUI 22
@OBJECTBINDING

29/01/2019 SWIFTUI 23
@ENVIRONMENT OBJECT

29/01/2019 SWIFTUI 24
Demo#3 (@State &
@EnvironmentObject)

● UIKit in SwiftUI :
UIViewRepresentable & UIViewControllerRepresentable protocols .
● SwiftUI in UIKit
UIHostingViewController(rootView : …)
29/01/2019 SWIFTUI 25
UIKIT INTEGRATION

29/01/2019 SWIFTUI 26
PREVIEWS

29/01/2019 SWIFTUI 27
Demo#4 (Previews & CrossPlatform)

• https://developer.apple.com/documentation/swiftui
• https://goshdarnswiftui.com/
29/01/2019 SWIFTUI 28
REFERENCES

29/01/2019 SWIFTUI 29
Thank You All Folks 😇
😇

Deep dive into swift UI

More Related Content

What's hot (20)

Similar to Deep dive into swift UI (20)

Recently uploaded (20)

Deep dive into swift UI

Editor's Notes