What is Swift UI in iOS _ Skywave Info Solutions
                     What is Swift 
UI in IOS?
Here is where our presentation begins
Introduction
SwiftUI is a latest innovative, Swift syntax is very simple to read and 
developer friendly to write, It is used to implement user interface across 
all apple platforms. SwiftUI works perfectly with all new Xcode design tools 
and also it keeps your code and design perfect.
Image Source
Declarative vs 
Imperative 
Programming 01
No more Interface 
Builder and Auto 
Layout 02 Understanding 
ScrollView and 
Building a Carousel 
Layout User SWIFT 04 UIInterface with 
Stacks 03 UI IN IOS
Understanding State 
05 and Binding
Working with 
Navigation UI and 
06 Navigation Bar Customization
01
Declarative vs 
Imperative Programming
Declarative vs Imperative 
Programming
The core difference between the term imperative and declarative. Now back to UI programming. 
Imperative UI programming requires developers to write detailed instructions to layout the UI and 
control its states. Conversely, declarative UI programming lets developers describe how the UI 
looks like and what you want to do when a state changes.
Image Source
02
No more Interface Builder and 
Auto Layout
 No more Interface Builder 
and Auto Layout
In Xcode eleven, you'll choose from 
SwiftUI and Storyboard to make 
interface. If you have got designed 
associate app before, you will use 
Interface Builder to layout UI on 
storyboard.
With SwiftUI, Interface Builder and 
storyboards area unit utterly gone. 
It's replaced by a code editor and a 
preview canvas just like the one 
shown in figure a pair of. You write 
the code within the code editor. 
Xcode then renders the interface in 
real time and show it within the 
canvas.
Image Source
03
Layout User Interface 
with Stacks
Layout User Interface with 
Stacks
Stacks in SwiftUI is like stack views 
in UIKit. If you are combining 
horizontal and vertical views in 
stacks, you'll construct complicated 
user interfaces for your apps. For 
UIKit, it's unevitable to use auto 
layout in order to build interfaces 
that work all screen sizes. To some 
beginners, auto layout may be a 
difficult subject and arduous to be 
told. The great news is that you 
simply now not got to use auto 
layout in SwiftUI. Everything is 
stacks together with VStack, 
HStack, and ZStack.
Image Source
About us
We Skywave Info Solutions has been working in IT industry since 2017. We higher best web 
developers and designers to get a quick result. We provide web development such as PHP, dot net , 
Word press, Full stack, Python and Java web development. We also develop Mobile application 
development including iOS app development, Android App Development, Hybrid app development 
and Flutter App Development.
04
Understanding ScrollView 
and Building a Carousel UI
Understanding ScrollView and 
Building a Carousel UI
Here, we are showing some features on ScrollView In swiftUI. SwiftUI provide us in build horizontal 
and vertical scrolling interface. Here we have few image in next slide for ScrollView functionality 
where you can see scroll view to mange card view UI. By using scrollview interface will manage 
multiple data on single page.
Understanding ScrollView and 
Building a Carousel UI
Building a scrollable UI with ScrollView
Image Source
05
Understanding State and 
Binding
Understanding State and 
Binding
In SwiftUI, it comes with many inbuilt options for state management. specifically, it introduces a 
property wrapper named @State. once you annotate a property with @State, SwiftUI automatically 
stores it somewhere in your application. what is additional, views that create use of that property 
automatically hear the worth amendment of the property. once the state changes, SwiftUI can 
recompute those views and update the application's look.
Understanding State and 
Binding
In application development every 
developers need to implement state 
management. Let's take a example 
developers developing music player 
app. So when user click play button 
now button will change to a stop 
button. So in your implementation 
there must be some process to keep 
Image Source track application state and 
according that you know when to 
change that button.
0Wor6king with Navigation UI 
and Navigation Bar 
Customization
Working with Navigation UI and 
Navigation Bar Customization
By using stacks, image, and text 
views, you should be able to create 
the UI. While I will go through the 
implementation.
In this image, you can see complete 
UI sample.
Sample navigation interface for our demo projects
Image Source
CONTACT US
611, City Centre, Nr. 
Shukan Mall,
Science City Road, Sola, 
Ahmedabad  
Gujarat, India- 380060 1700 Northside Drive,
 Suite A7 PMB Atlanta,
info@skywaveinfosolutions  GA-30318
.com
info@skywaveinfosolution
s.com
THANKS
Does anyone have any questions?
[email protected]
+91 9427722776
www.skywaveinfosolutions.com