SwiftUI Modal Transition - How to Present a Custom Modal Popup (SwiftUI Tutorial)

Опубликовано: 20 Июнь 2026
на канале: Haipp

18,166

459

In this SwiftUI Modal Transition Tutorial I show you how to present a Modal popup with the help of the transition modifier. You will also learn how to use a drag gesture to change the height of the modal view. You will also learn how to center the content inside the modal to display text nicely using a ZStack.

In this SwiftUI Tutorial we will be working with XCode 12 and SwiftUI 2.0, but the source code is also working with SwiftUI 3.0

🔴 SUPPORT ME ON PATREON:
  / haipp

► WATCH NEXT:
○ Create another Modal Popup:    • SwiftUI Modal Popup: Easy way to Present a...
○ Create a Pinterest Grid:    • How To Create a PINTEREST GRID in SwiftUI ...
○ Master SwiftUI LazyGrids:    • SwiftUI Grid Tutorial: How to MASTER Swift...

► SOCIAL MEDIA
Instagram:   / thisishaipp

TIMESTAMPS:
00:00 Intro
00:21 Adding Background
01:54 Adding Modal View
04:32 Adding Quote
07:17 Adding Drag Gesture
10:28 Adding Background Opacity

🟣 Join the Discord Community Server:
  / discord

🔵 Music:
https://www.epidemicsound.com