Member-only story
New SwiftUI 4: Dynamic Island with Notification iOS 16
Hello everyone, welcome to a new SwiftUI tutorial. I hope you are all doing well. Today I am going to show you how to create the Dynamic Island Animation with Notification in SwiftUI 4 and Xcode 14.
What is Dynamic Island on iPhone 14 Pro and Pro Max?
Dynamic Island is Apple’s newly designed “notch” for the iPhone Pro and Pro Max. The oval-shaped cutout sits at the top of the screen, and hides the front camera and FaceID sensors. Instead of a “dead space” at the top of the device, the Dynamic Island can show notifications, alerts, or real-time information, it looks really awesome!
Let’s get started with opening up Xcode 14. We are going to do all the code in the DynamicIslandAnimation_SwiftUIApp in here we are going to add a GeometryReader and Frames to the app.
We are going to do all the code in the ContentView. We are going to start with the Notification side of things first, just under the ContentView_Previews we are going to add our NotificationModel and NotificationView.
