7 Different Types of Views You Need to Know in SwiftUI
You may be familiar with SwiftUI, which lets you preview the UI as you write the code and generate the code as you drag and drop the views/controls onto the canvas. Since the UI is in the form of code in SwiftUI, you need to know about all the different types of views available.
Let us have a brief look at all of them.
Basic Views
Basic views are the most common to display text, images, shapes, colours, spacers, dividers, etc.
Basic View Examples: Text, Image, Circle, Color, Spacer, Divider, etc.
Control Views
These provide user interaction and control over some aspects of the app.
Example: Button, Toggle, Slider, Picker, Stepper, TextField, etc.
Container Views
Container Views arrange other views in various forms.
Example: VStack, HStack, ZStack, List, Form, GroupBox, etc.
Image Credits: Reddit
Navigation Views
Navigation Views provide navigation and presentation options for your app.
Examples are NavigationView, TabView, NavigationLink, Popover, Sheet, Alert, ActionSheet, etc.
Image Credits: Create With Swift
Drawing and Animation Views
These views provide your app with drawing and animation capabilities.
Examples are Path, Shape, GeometryReader, Canvas, DrawingGroup, AnimatableModifier, AnimationViewModifier, etc.
Image Credits: Better Programming
Chart Views
These provide charting and data visualisation capabilities for your app.
Examples are LineChartViewStyle, BarChartViewStyle, PieChartViewStyle, etc.
Image Credits: Swift Anytime
WidgetKit Views
WidgetKit views provide widget-specific functionality for your app.
Examples: WidgetConfiguration, WidgetView, Link, etc.
Image Credits: Exyte
In conclusion, SwiftUI presents a range of out-of-the-box views to serve the various UI requirements, including, but not limited to, basic element display, creation of interactive controls, complex layouts, and data visualisations. Henceforth, gaining knowledge about this variety of views helps you create lively and user-friendly interfaces for your SwiftUI apps.
POSTS ACROSS THE NETWORK
How to Cut Your Bedrock Costs by 75% Using Model Distillation and Prompt Caching
The Complete System Design Guide: From Zero to Production-Ready
AI Isn’t the Risk Anymore. Advisory Abdication Is.
The Old Software Engineer Job Is Dead — AI System Designers Are the Future
I Replaced GitHub Copilot With a Local Setup. Here’s What Nobody Tells You
