Building Pie Charts and Donut Charts with SwiftUI in iOS 17
Pie charts and donut charts are two popular chart types used in data visualization. Prior to iOS 17, if you want to create these types of charts using SwiftUI, you’ll have to build the charts on your own using components like...
Working with ProgressView and ProgressViewStyle in SwiftUI
Progress bars or other kinds of indicators play a vital role in apps that execute time-consuming tasks or operations. It enriches the user experience by displaying a progress indicator, which enables the user to track the...
Building a Scrollable Custom Tab Bar in SwiftUI
Whether you’re creating a social media app or a productivity tool, the tab bar interface can enhance the user experience by making it more intuitive and user-friendly. With SwiftUI’s TabView, creating a seamless and...
Customizing SwiftUI Bottom Sheet’s Background and Scrolling Behaviour
Since the release of iOS 16, it’s easy to create an interactive bottom sheet using SwiftUI. All you need to do is to embed a modifier called presentationDetents in a Sheet view. Earlier, we published a detailed tutorial to...
How to Create a Checkbox in SwiftUI Using ToggleStyle
The SwiftUI framework comes with a built-in checkbox, but it’s only available on the macOS platform. If you want to use checkboxes on iOS, you have to build your own component. Previously, we’ve covered ToggleStyle to...
Using ToggleStyle to Build Custom Toggles in SwiftUI
Toggle in SwiftUI is one of the most used views that it allows users to switch between two states, either on or off. This control is a great way to provide a simple and intuitive interface for your users, making it a popular...
Building a QR Code Scanner App in SwiftUI
So, what’s QR code? I believe most of you know what a QR code is. In case you haven’t heard of it, just take a look at the above image – that’s a QR code. QR (short for Quick Response) code is a kind of...
Working with the new NavigationStack in SwiftUI
In iOS development, navigation view is definitely one of the most commonly used components. When SwiftUI was first released, it came with a view called NavigationView for developers to build navigation-based user interfaces. With...
How to Use SwiftUI Gauge and Create Custom Gauge Styles in iOS 16
In iOS 16, SwiftUI introduces a new view called Gauge for displaying progress. You can actually use it to show values within a range. In this tutorial, let’s see how to use the Gauge view and work with different gauge...
A Beginner’s Guide to NavigationSplitView in SwiftUI for iOS 16
In iOS 16, other than introducing the new NavigationStack, Apple also released a new view container named NavigationSplitView for developers to create two or three column navigation interface. If you want to build UI similar to...