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

Рет қаралды 17,202

Күн бұрын

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: E...
○ Create a Pinterest Grid: • How To Create a PINTER...
○ Master SwiftUI LazyGrids: • SwiftUI Grid Tutorial:...
► 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:
www.epidemicsound.com

Пікірлер: 32

@mattjanachek 2 жыл бұрын

This is super nice looking. Thank you.

@haipp9931 3 жыл бұрын

🟣 If you need help or just want to chat then join our Discord Community Server: discord.gg/weygDZwgZH

@maddalena6015 2 жыл бұрын

It doesn't work! I need help :)

@haipp9931 2 жыл бұрын

@@maddalena6015 Sorry I haven't updated the link: discord.gg/VucfzfPbz8

@halluxdev 2 жыл бұрын

@@haipp9931 this invite is still invalid, try making it non-expiring :)

@haipp9931 2 жыл бұрын

@@halluxdev Oh man I'm so stupid haha. Just realized that the discord server links had an expiration date. Hopefully I have fixed this problem now. Thank you so much for mentioning it - the new link is: discord.gg/VucfzfPbz8

@nindz9272 2 жыл бұрын

Thanks a lot! This video is super-helpful.

@joo-hyungkim3874 Жыл бұрын

great tutorials!

@nguyenhuuanhtuan5360 2 жыл бұрын

Great work, thanks alot ❤️ Subcribed

@nicanororlando3868 2 жыл бұрын

Excelente trabajo!

@pabloalmonte2405 2 жыл бұрын

Lol, very good job, thanks for sharing 🚀

@abdullahkardas8887 2 жыл бұрын

Hi, thanks for the great video.

@AntonBrock Жыл бұрын

Wow! Thanks!

@supplementbacon5180 2 жыл бұрын

Thanks ! Best way to build modal view ! Best :)

@haipp9931 2 жыл бұрын

Thank you so much for you feedback. Glad the video was useful for you :)

@3ilz 3 жыл бұрын

Awesome work

@haipp9931 3 жыл бұрын

Thank you so much. I am glad you liked the Tutorial ☺️

@mke579 3 жыл бұрын

Great work! I love your flow mate! Do you do any macOS Apps as well or only iOS Apps? Either way, great stuff you're showing here!

@haipp9931 3 жыл бұрын

Thank you man, I'm glad you like the tutorials. Currently I'm planning to create only SwiftUI Tutorials about IOS Apps. The reason for that is that I want to focus only on one thing, so that I can become pretty good at it. In the future I will surly expand to MacOS as well as iPadOS :)

@onlyinmyopinion 2 жыл бұрын

Great tutorial! 👏 I noticed the hack for rounded corners actually doesn't work as is, if you don't specify the alignment of the ZStack both rectangles will be centered on top of each other. It works better with ZStack(alignment: .bottom) { RoundedRectangle(cornerRadius: 30) Rectangle().frame(height: height / 2) }

@haipp9931 2 жыл бұрын

Glad you like it. And thanks for the code suggestion - you are absolutely right, I forgot to include the alignment. Next time I need to be more careful :)