Sign in

Design & App development enthusiast. Check out my portfolio at https://sullivandecarli.com

SwiftUI + MVVM + Xcode 12

Learn how to create a To-Do List with the Firebase Firestore backend to have realtime updates

The SwiftUI and Firebase logo with an iPhone showing a list
From the author

Difficulty: Beginner | Easy | Normal | Challenging

Environment : Xcode 12, iOS 14, Firebase 7.1.0 & SwiftUI

Create a new project

Open Xcode > App template > Select SwiftUI Interface and Life Cycle > call your project TodoFirebase.


SwiftUI + xcode 12

Let’s create an ActionSheet with different options using SwiftUI

SwiftUI logo with an iPhone displaying an Action Sheet

Difficulty: Beginner | Easy | Normal | Challenging

Environment : Xcode 12 & SwiftUI

Create a new project

Xcode > New Project > App Template > Name it ActionSheet> SwiftUI App Life Cycle & Interface.


SwiftUI + Xcode 12

Let’s see how to implement a SwiftUI TabView that switch Views each time you click on a TabItem

SwiftUI logo with a screenshot showing a navigation bar
From the author

Difficulty: Beginner | Easy | Normal | Challenging

Environment : Xcode 12 & SwiftUI

Create a new project

Open Xcode > New Project > App Template > Name it TabViewDemo> SwiftUI App Life Cycle & Interface.


SwiftUI + iOS 14 + Xcode 12

Let’s see how to implement a ToolBar Item inside the Navigation Bar and the Bottom Bar in SwiftUI

SwiftUI logo with an iPhone screesnhot
From the author

Difficulty: Beginner | Easy | Normal | Challenging

Environment : Xcode 12 & SwiftUI

Introduction

In this tutorial, we are going to implement a NavigationView with a ToolBarItem placed in the ToolBar and the NavigationBar. Let’s go!

Create a new Xcode project

Open Xcode > Create a new Xcode project > App template > Call it toolBarTest and select SwiftUI Interface and Lifecycle.

Create a NavigationView

Head to the ContentView.swift file and replace the current Text UI element with the following:

Here we simply add a List embedded in a NavigationView, this last element is necessary to add the toolBar modifier.

Add the toolBar modifier

Right after the NavigationView last graph, add…


SwiftUI + iOS 14 + Xcode 12

Let’s create a loading animation using the SwiftUI redacted modifier from iOS 14.

From the author

Difficulty: Beginner | Easy | Normal | Challenging

Environment : Xcode 12 & SwiftUI

Introduction

In this tutorial, we will simulate a network call, create a list of 10 items and hide the Text using the redacted modifier while it is loading. Let’s get started!

Start a new Xcode project

Create a new Xcode project > App Template > SwiftUI interface and lifecycle > Call it RedactedAnimation


SwiftUI + SegmentedPicker

Let’s create a Picker in SwiftUI that will switch views every time the user selects one. Using SwiftUI 2.0 & Xcode 12.

SwiftUI logo with an iPhone displaying a SwiftUI picker
From the author

Difficulty: Beginner | Easy | Normal | Challenging

Environment : Xcode 12 & SwiftUI

Introduction

In this tutorial, I am going to show you how to implement a Picker with a SegmentedPickerStyle in SwiftUI. We will make the user change View every time he has selected one of the selected pickers. Let’s go!

Create a new Xcode project

Open Xcode > Create a new Xcode project > App template > Call it PickerSwiftUI and select SwiftUI Interface and lifecycle.


UIKIT + UIScrollView + JSON

Second part of this tutorial, we are going to explore how to pass data between views and UIScrollView. Swift 5 & Xcode 12.

From the author

Difficulty: Beginner | Easy | Normal | Challenging

Environment : Xcode 12 & UIKit

Introduction

Following part 1 of the tutorial, we are going to implement the protocol to make the cells clickable, pass data to another ViewController and set up a UIScrollView in it to present a range of data. If you missed part 1, check it out first:

Make the cells clickable

Head to the ListViewController.swift and add the protocol to make the cells clickable, pass the data and present another ViewController. Copy/paste the following protocol in your file:

Here, we are using didSelectRowAt method to present a new ViewController, we are…


UIKit + UITableView + JSON

In this tutorial, we will learn how to create a UITableView and a details screen that display data from the BreweryDB APIs

From the author

Difficulty: Beginner | Easy | Normal | Challenging

Environment : Xcode 12 & UIKit

Introduction

Recently, I was doing an interview for an iOS developer position and I had the opportunity to do the take-home project. It was a classic test: it consists of decoding a JSON from the BreweryDB APIs, create a list that display the data returned by the JSON and also present a details screen. Let’s create that programmatically using UIKit!

Project Setup

Create a new Xcode project

Open Xcode > New Project > Storyboard Interface and UIKit App Delegate > call it Biirr


In this tutorial, we will learn to download data from the Unsplash API and present the images in a LazyVGrid. Using SDWebImageSwiftUI and Unsplash APIs.

From the author

Difficulty: Beginner | Easy | Normal | Challenging

Environment : Xcode 12, MVVM & SwiftUI

Create a new Xcode project

Open Xcode > Create a new Xcode project > App template > Call it PictureGrid and select SwiftUI Interface and lifecycle.


SwiftUI logo with an iPhone presenting a share sheet
From the author

Short tutorial on how to create an UIActivityViewController…

Sullivan De Carli

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store