Advanced SwiftUI

How to Create a top and bottom Sticky View in SwiftUI

SwiftUI offers a flexible way to create views on iOS. In today's blog post, we are going to look at how to create a sticky view accompanied by a scrolling counterpart on iOS using SwiftUI APIs. A sticky view is any view that sticks either at the very top or

Advanced SwiftUI

Say No to AnyView in SwiftUI iOS Applications

SwiftUI allows developers to use heterogenous view types by making use of AnyView type. AnyView encloses any kind of SwiftUI type into a generic type that can be returned from a function. In this article, we will take a look at, 1. Why developers may want to use AnyView type

Style

How to add Rounded Corners, Rounded Borders, and Shadows to SwiftUI views

SwiftUI offers a convenient and quick way to design UI elements for your iOS app. However, some things in SwiftUI are more complicated than UIKit. In today's blog post, we are going to look at one such feature and learn how to add rounded corners, rounded borders, and shadows to

Advanced SwiftUI

How to Perform Custom Action on a load of SwiftUI view

UIKit offers a convenient viewDidLoad method that gets executed as soon as the ViewController is loaded and is called just once in the view controller lifecycle. Unfortunately, SwiftUI has no such feature. There is no way to perform the action just once after the view is loaded. Today, we are

infinite

Implementing an infinite scrolling list and pagination with SwiftUI

Recently, I was working on a feature that needed infinite scrolling and pagination. After searching for a few articles online, I realized that there is little to no help on how to achieve infinite scrolling on SwiftUI views. So I ventured a little, did some research, and came up with

Advanced SwiftUI

How to Initialize State and StateObject in SwiftUI

State and StateObject are standard mechanisms in SwiftUI to maintain and update the view state. However, their initialization is not intuitive. Unlike regular Swift variables, you can directly instantiate them. They can only be initialized in certain ways while using them in the Swift code. In today's blog post, we

Advanced SwiftUI

Using MVVM Architecture with SwiftUI - Clean Architecture

MVVM has been a choice of architecture in iOS development for a long time. It survived the Objective-C era and has been quite popular in Swift world too. However, things became slightly complicated when SwiftUI came along. It was a bit confusing to see how it can be used in

gradient

How to Use Gradients in SwiftUI - Angular Gradients

This is the third and final article in my series on gradients in SwiftUI. Previously I published a couple of following articles on SwiftUI gradients. How to Use Gradients in SwiftUI - Linear Gradients How to Use Gradients in SwiftUI - Radial Gradients In today's article, we will learn what

AttributedString

SwiftUI Attributed Strings - Decoding and Applying Custom Remote Attributes with Markdown and Attribute Keys

💡This is the next part of my previously published blog post on Attributed strings in iOS 15 - SwiftUI - Attributed Strings Improvements in iOS 15. The first post explains concepts that are needed to understand this post in detail. If you haven't read the previous post yet, I strongly

Search

Add Search Experience in SwiftUI Apps

Search is one of the most fundamental operations in iOS apps. For any app with a long list view, search offers a quick way to find the item matching the given keyword. Whether you want to search for a movie title, a book, a song, a favorite person, or even

SwipeActions

Swipe Actions Modifier in SwiftUI

💡The APIs and examples mentioned in this post are only available on iOS 15.x and Xcode 13.x. Before diving into the examples, please make sure to upgrade your tools to use these versions. Xcode 13.x+ can be downloaded from this link. Apple introduced new swipe actions modifiers

Advanced SwiftUI

Two-way Bindings in SwiftUI

Bindings and Observables are essential for the basic SwiftUI mechanism. One-way bindings are easier, but what about two-way bindings? You want two values to set observers on each other and when one of them changes, it should also reflect that change in the other value. In Xcode 13.x and

New SwiftUI APIs

Customizing List Row Separator Color in SwiftUI

At WWDC 21, Apple introduced many ways to visually customize the SwiftUI views. One of them was to be able to customize the color of row separators in the SwiftUI List. The new API offers a convenient way to customize its appearance. Let's see how to use it with examples.

pull to refresh

Pull to Refresh Control and One Time Data Fetch Task in SwiftUI

iOS 15 introduced two new APIs to simplify data load and refresh actions. These APIs will allow users to trigger the data refresh on request and allow one-time data load execution on the very first run - For example, when the view has been loaded in the memory for the

Async

SwiftUI - Using AsyncImage API in iOS15

Apple introduced an AsyncImage API in iOS15. This API solves the long-standing image download problem for iOS developers without using any third-party image downloading libraries. Asynchronously downloading remote images from URL has been a long pain point and having to add third-party frameworks only adds to this pain. Let's see

Advanced SwiftUI

Using Custom Environment Key-Values in SwiftUI with Examples

SwiftUI offers flexibility in many different ways. One of the ways it does this is, its ability to create a custom environment key-value pair. These are nothing but a collection of environmental values propagated through a view hierarchy. When you don't want to pass down values through a multiple view

navigation

Cheatsheet for SwiftUI Navigation

How navigation works in SwiftUI often proves to be confusing for new folks. In spite of the apparent attempt by Apple engineers to make app development easier for developers, navigation is one area that is confusing, counterintuitive, and difficult to handle in SwiftUI. In this blog post, I am going

Radial Gradient

How to Use Gradients in SwiftUI - Radial Gradients

💡This is the second post in the series of Gradients in SwiftUI. If you want to learn about linear gradients in SwiftUI, please follow Linear Gradients in SwiftUI link to know more about it Apple defines general gradient as, A color gradient represented as an array of color stops, each

custom alignment

Custom Alignments in SwiftUI

SwiftUI offers a novel way to lay out views in iOS apps. Unlike an explicit constraint system where you clearly specify how you want to layout views with respect to each other's leading, trailing, or center edges, SwiftUI offers a more subtle way to arrange views instead of going into